@font-face{font-family:"RalewayLocal";src:url("./raleway-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"SourceSansLocal";src:url("./source-sans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{--bg:#0a1021;--panel:#111935;--line:#2f497f;--text:#edf3ff;--muted:#b7c4db;--accent:#ff5a84;--accent-2:#58b8ff;--shadow:0 28px 60px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;font:400 16px/1.55 "SourceSansLocal",sans-serif;color:var(--text);background:radial-gradient(circle at top,#1b2954 0,#091120 55%,#060b16 100%)}
a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}
.page-shell{padding:24px}.container{width:min(1240px,100%);margin:0 auto}
.hero,.panel,.promo,.article-panel,.footer,.info-strip{border:1px solid rgba(120,159,236,.28);box-shadow:var(--shadow)}
.hero{position:relative;overflow:visible;border-radius:34px;min-height:690px;background:#0e1631}.hero__backdrop{position:absolute;inset:0;background:linear-gradient(110deg,rgba(8,15,32,.88) 28%,rgba(8,15,32,.3) 65%),url("./v28-hero.png") center/cover no-repeat}
.topbar,.hero__nav,.hero__grid{position:relative;z-index:3}.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 10px}
.brand{display:flex;align-items:center;gap:14px}.brand__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ffd06a,#ff8b63);color:#11161e;font:700 1.15rem/1 "RalewayLocal",sans-serif}.brand__text{display:grid;gap:2px}.brand__text strong{font:700 1.3rem/1 "RalewayLocal",sans-serif;letter-spacing:.08em}.brand__text span{font-size:.82rem;color:var(--muted);text-transform:uppercase;letter-spacing:.2em}
.topbar__actions,.hero__actions,.footer__nav,.tags,.hero__chips,.wins-list,.nav-dropdown ul{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 20px;font:700 .95rem/1 "RalewayLocal",sans-serif}.btn--accent{background:linear-gradient(135deg,var(--accent),#ff8b64)}.btn--ghost{background:rgba(10,18,35,.48);border:1px solid rgba(255,255,255,.18)}
.nav-dropdown{position:relative;z-index:40;padding:0 28px}.nav-dropdown__toggle{border:1px solid rgba(116,188,255,.45);background:rgba(6,12,26,.78);color:var(--text);padding:12px 18px;border-radius:18px;font:700 .88rem/1 "RalewayLocal",sans-serif;cursor:pointer}
.nav-dropdown ul{position:absolute;top:calc(100% + 10px);left:28px;flex-direction:column;min-width:250px;margin:0;padding:14px;list-style:none;border-radius:22px;background:rgba(9,15,31,.96);border:1px solid rgba(116,188,255,.28);opacity:0;pointer-events:none;transform:translateY(8px);transition:.22s;z-index:60}
.nav-dropdown:hover ul,.nav-dropdown:focus-within ul{opacity:1;pointer-events:auto;transform:translateY(0)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1.2fr) 320px;gap:24px;padding:84px 28px 34px}.hero__content{max-width:640px}.eyebrow{display:inline-flex;padding:8px 14px;border-radius:999px;background:rgba(88,184,255,.14);border:1px solid rgba(88,184,255,.28);font:700 .78rem/1 "RalewayLocal",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#a7d6ff}
h2{margin:18px 0 14px;font:700 clamp(2.3rem,5vw,4.4rem)/.95 "RalewayLocal",sans-serif}.hero__content p,.panel__head p,.promo p,.article-panel{color:var(--muted)}
.hero__chips{flex-wrap:wrap;margin-top:20px}.hero__chips span,.tags span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.hero__side{display:grid;gap:16px;align-self:end}.glass-card{padding:20px;border-radius:26px;background:linear-gradient(180deg,rgba(14,23,49,.9),rgba(10,17,35,.78));border:1px solid rgba(113,154,235,.22)}.glass-card__label{font:700 .8rem/1 "RalewayLocal",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#99cfff}.glass-card__value{margin:10px 0 8px;font:700 2.3rem/1 "RalewayLocal",sans-serif}
.wins-list{margin:14px 0 0;padding:0;list-style:none;flex-direction:column}.wins-list li{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.08)}
.info-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0;padding:18px;border-radius:24px;background:rgba(11,18,37,.88)}.info-pill{display:grid;gap:4px;justify-items:center;padding:12px;border-radius:18px;background:rgba(255,255,255,.04)}.info-pill strong{font:700 1.55rem/1 "RalewayLocal",sans-serif}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.panel,.promo,.article-panel,.footer{background:rgba(12,19,39,.92);border-radius:28px}.panel{padding:24px}.panel__head h2,.promo h2{font-size:2rem}.tags{flex-wrap:wrap;margin:18px 0 22px}
.slots-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.slot-card{overflow:hidden;border-radius:24px;background:linear-gradient(180deg,#18254b,#101833);border:1px solid rgba(111,156,242,.22)}.slot-card img{aspect-ratio:16/11;object-fit:cover}.slot-card__body{padding:16px}.slot-card__body h3{margin:0 0 8px;font:700 1.1rem/1.1 "RalewayLocal",sans-serif}.slot-card__body p{margin:0;color:var(--muted)}
.sidebar{display:grid;gap:20px}.promo{overflow:hidden;min-height:280px;background-size:cover;background-position:center}.promo--bonus{background-image:linear-gradient(180deg,rgba(10,15,31,.14),rgba(10,15,31,.82)),url("./v28-bonus.png")}.promo--mirror{background-image:linear-gradient(180deg,rgba(10,15,31,.34),rgba(10,15,31,.84)),url("./mirror-access.png")}.promo__body{display:grid;align-content:end;gap:12px;min-height:100%;padding:24px}.promo__body h2{margin:0;font-size:1.8rem}
.article-panel{margin-top:20px;padding:28px}.footer{margin:20px 0 10px;padding:20px 26px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--muted)}
@media (max-width:980px){.hero__grid,.content-grid,.info-strip,.slots-grid{grid-template-columns:1fr}.hero{min-height:auto}.footer,.topbar{flex-direction:column;align-items:flex-start}}