:root{--bg:#0a0605;--panel:#16100d;--line:#3a2316;--fire:#ff5a00;--gold:#ffb000;--red:#e8250e;--text:#f6efe6;--mute:#b9a899}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font:400 17px/1.6 'Barlow',system-ui,sans-serif;min-height:100vh;
background-image:radial-gradient(900px 500px at 50% -80px,rgba(255,90,0,.35),transparent 70%),radial-gradient(600px 400px at 100% 60%,rgba(232,37,14,.12),transparent 70%)}
h1,h2,h3,.btn,nav a{font-family:'Anton','Impact',sans-serif;text-transform:uppercase;letter-spacing:.02em;font-weight:400;line-height:1.05}
a{color:inherit}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
header{border-bottom:1px solid var(--line);background:rgba(10,6,5,.85);position:sticky;top:0;z-index:5;backdrop-filter:blur(8px)}
header .wrap{display:flex;align-items:center;justify-content:center;height:60px}
nav{display:flex;gap:18px;align-items:center}
nav a{text-decoration:none;font-size:17px;color:var(--mute)}
nav a:hover{color:var(--gold)}
nav a.cta{white-space:nowrap;background:var(--fire);color:#fff;padding:9px 16px;border-radius:4px}
.btn{display:inline-block;background:linear-gradient(180deg,var(--gold),var(--fire));color:#190a02;padding:16px 30px;font-size:22px;text-decoration:none;border:0;border-radius:4px;cursor:pointer;box-shadow:0 0 28px rgba(255,90,0,.55)}
.btn:hover{filter:brightness(1.12)}
.hero{text-align:center;padding:36px 0 20px}
.hero img{width:min(560px,92%);filter:drop-shadow(0 0 40px rgba(255,90,0,.55))}
.hero h1{font-size:clamp(40px,9vw,84px);margin-top:6px;color:var(--gold);text-shadow:0 0 30px rgba(255,90,0,.6)}
.hero p{max-width:560px;margin:12px auto 0;color:var(--mute);font-size:19px}
.banner{display:block;text-decoration:none;margin:36px 0;padding:30px 28px;border:2px solid var(--gold);border-radius:8px;position:relative;overflow:hidden;
background:linear-gradient(110deg,rgba(255,176,0,.22),rgba(232,37,14,.28) 60%,rgba(10,6,5,.4));box-shadow:0 0 50px rgba(255,90,0,.3)}
.banner:hover{box-shadow:0 0 70px rgba(255,90,0,.55)}
.banner .when{font-family:'Anton',sans-serif;color:var(--gold);font-size:20px;text-transform:uppercase}
.banner h2{font-size:clamp(34px,7vw,64px);margin:6px 0 10px}
.banner .btn{margin-top:14px;pointer-events:none}
section{padding:34px 0}
section h2{font-size:clamp(30px,5vw,46px);margin-bottom:14px;color:var(--gold)}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:20px}
.card h3{font-size:24px;margin-bottom:6px}
.card p{color:var(--mute)}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--mute);text-align:center;font-size:15px;margin-top:30px}
@media (prefers-reduced-motion:no-preference){.hero img{animation:glow 3.5s ease-in-out infinite alternate}}
@keyframes glow{to{filter:drop-shadow(0 0 60px rgba(255,140,0,.8))}}
@media(max-width:560px){header .wrap{height:auto;padding-top:10px;padding-bottom:10px}nav{flex-wrap:wrap;justify-content:center;gap:6px 14px}nav a{font-size:15px}nav a.cta{padding:7px 12px}}

.social{display:flex;gap:12px;justify-content:center;margin-top:12px}
.social:empty{display:none}
.social a.soc{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;color:var(--mute);text-decoration:none}
.social a.soc:hover{color:var(--gold);border-color:var(--gold)}
.soc-btns{display:flex;gap:12px;flex-wrap:wrap}
.soc-btn{display:inline-flex;align-items:center;gap:10px;font-size:20px;padding:12px 22px}