:root{--black:#000;--card:#131110;--raised:#2a2623;--gold:#e8c46a;--red:#c9281d;--blue:#1b3470;--paper:#f2f2f2;--text:#f2f2f2;--mute:#b9b09f;--pad:clamp(16px,4vw,40px)}
*{box-sizing:border-box;margin:0}
body{background:var(--black);color:var(--text);font:500 16px/1.5 "DM Sans",system-ui,sans-serif;font-variant-numeric:tabular-nums;overflow-x:hidden}
a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.col{width:min(1240px,100% - 2*var(--pad));margin-inline:auto}
.flag{display:grid;grid-template-columns:1fr 1fr 1fr;height:10px}.flag i:nth-child(1){background:var(--blue)}.flag i:nth-child(2){background:var(--paper)}.flag i:nth-child(3){background:var(--red)}
header .col{display:flex;align-items:center;gap:28px;height:64px}
.logo{display:flex;align-items:center;gap:10px;font:800 22px "Bricolage Grotesque";margin-right:auto}
.logo img{width:44px;height:44px;border-radius:50%;transition:transform .3s cubic-bezier(.3,1.6,.5,1)}.logo:hover img{transform:scale(1.08)}
nav{display:flex;gap:24px;white-space:nowrap}nav a{color:var(--mute);transition:color .15s}nav a:hover,nav a[aria-current]{color:var(--text)}
nav a.win{color:var(--gold);text-shadow:0 0 10px rgba(232,196,106,.35);animation:glow 3.6s ease-in-out infinite}
@keyframes glow{50%{text-shadow:0 0 16px rgba(232,196,106,.6),0 0 2px rgba(232,196,106,.5)}}
.lang{color:var(--mute)}.lang b{color:var(--text)}
.mini{display:none;background:var(--gold);color:#17120a;padding:8px 16px;border-radius:999px;font-weight:700}
h1{font:800 clamp(34px,4.6vw,68px)/1 "Bricolage Grotesque";letter-spacing:-.02em}
h1 span{color:var(--gold)}
h2{font:800 clamp(28px,3.4vw,48px)/1 "Bricolage Grotesque";letter-spacing:-.02em}
.lead{color:var(--mute);margin:16px 0 0;max-width:44ch;font-size:18px}
.tabs{display:flex;gap:12px;flex-wrap:wrap}
.tabs button{border:0;border-radius:999px;padding:12px 24px;font:800 18px "Bricolage Grotesque";cursor:pointer;background:var(--card);color:var(--mute);transition:transform .2s cubic-bezier(.3,1.6,.5,1),background .2s}
.tabs button:hover{transform:translateY(-3px)}
.tabs button[aria-selected=true]{background:var(--gold);color:#17120a}
footer{margin-top:120px;background:var(--paper);color:#101010;padding:48px 0 32px;border-radius:48px 48px 0 0}
footer .w{font:800 clamp(28px,12.6vw,220px)/.95 "Bricolage Grotesque";letter-spacing:-.04em;white-space:nowrap;display:flex;align-items:center;gap:.12em}footer .w img{height:.8em;width:.8em;border-radius:50%}footer .w span{color:var(--red)}
footer .f{display:flex;justify-content:space-between;margin-top:24px;gap:16px;flex-wrap:wrap;font-weight:700}
.rise{opacity:0;transform:translateY(28px) rotate(1deg);transition:opacity .6s,transform .7s cubic-bezier(.2,1.2,.4,1)}.in{opacity:1;transform:none}
@media(max-width:900px){.mini{display:inline-block}nav a:not(.win){display:none}.lang{display:none}nav a.win{display:none}}
@media(prefers-reduced-motion:reduce){nav a.win{animation:none}.rise{opacity:1;transform:none;transition:none}}
