*{box-sizing:border-box}body{margin:0;background:#071326;color:white;font-family:Impact,'Arial Black',Arial,sans-serif}header{background:linear-gradient(#0874df,#004798);text-align:center;padding:22px 12px;border-bottom:6px solid #02060c}h1{margin:0;color:#ffd719;font-size:clamp(48px,10vw,110px);letter-spacing:2px;text-shadow:5px 5px 0 #001b42,-2px -2px 0 #000}.tag{display:inline-block;background:#0b4d94;border:4px solid #111;padding:8px 18px;font-size:clamp(18px,3vw,34px);margin:8px}.sub{color:#ffd719;font-size:clamp(18px,3vw,32px)}.wrap{max-width:1400px;margin:auto;padding:18px}.controls{display:flex;gap:12px;margin-bottom:18px}.search{flex:1;padding:16px;font-size:20px;background:#fff9bf;border:4px solid #111}.btn{background:#ffd719;color:#111;border:4px solid #111;padding:14px 18px;text-decoration:none;font-size:18px;box-shadow:5px 5px 0 #000}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}.card{background:#064ca5;border:5px solid #050505;box-shadow:8px 8px 0 #020202;cursor:pointer}.card img{display:block;width:100%;height:330px;object-fit:cover;background:#111}.card h2{color:#ffd719;margin:10px 12px 4px;font-size:25px;line-height:.95;text-shadow:2px 2px #000}.card p{margin:0 12px 14px;font-family:Arial,sans-serif;font-weight:bold}.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.94);z-index:99;padding:12px;overflow:auto}.modal.show{display:block}.modal img{display:block;max-width:100%;width:auto;max-height:92vh;margin:48px auto 20px}.close{position:fixed;top:10px;right:14px;background:#ffd719;border:4px solid #000;font-size:26px;padding:8px 14px;z-index:100}.note{font-family:Arial,sans-serif;background:#fff3bf;color:#111;padding:10px;border:3px solid #111;margin:10px 0}@media(max-width:700px){.wrap{padding:10px}.controls{flex-direction:column}.card img{height:auto}.grid{grid-template-columns:1fr}.btn,.search{width:100%;font-size:18px}header{padding:14px 8px}h1{font-size:54px}}