:root{
  --bg:#020711;--panel:rgba(3,14,27,.91);--panel2:#061727;--cyan:#20e6ff;--blue:#2a8cff;
  --purple:#b54cff;--pink:#ff47df;--text:#f5fbff;--muted:#9eb1c4;--line:rgba(42,192,255,.38);
  --max:1480px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);font-family:Segoe UI,Arial,sans-serif;background:
radial-gradient(circle at 50% -30%,#123157 0,transparent 42rem),
linear-gradient(180deg,#01050c,#03101c 65%,#020710);line-height:1.45}
body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.28;background-image:
radial-gradient(circle,#8eefff 0 1px,transparent 1.4px),radial-gradient(circle,#fff 0 1px,transparent 1.3px);
background-size:125px 125px,210px 210px;background-position:20px 10px,70px 50px}
a{color:inherit}img{max-width:100%;display:block}
.site-shell{width:min(var(--max),calc(100% - 32px));margin:0 auto}
.site-header{height:92px;display:grid;grid-template-columns:280px 1fr 48px;align-items:center;gap:25px;
border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(1,6,13,.95),rgba(1,7,15,.82));position:sticky;top:0;z-index:100}
.brand{display:flex;align-items:center;text-decoration:none;height:82px;overflow:hidden}
.brand picture{width:226px}.brand img{width:226px;height:82px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 12px rgba(32,230,255,.33))}
.brand span{position:absolute;left:22px;top:68px;color:#27e7ff;font-size:12px;font-weight:700;letter-spacing:.04em;text-shadow:0 0 8px #0ff}
nav{display:flex;justify-content:center;gap:12px}
nav a{display:flex;align-items:center;gap:8px;padding:13px 12px;color:#f5f6fa;text-decoration:none;font-weight:700;border-bottom:2px solid transparent}
nav a:hover,nav a[aria-current=page]{color:var(--cyan);border-color:var(--cyan);text-shadow:0 0 10px rgba(32,230,255,.65)}
.nav-icon svg,.search-button svg,.panel-title svg,.news-panel h2 svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.search-button,.mobile-menu{border:0;background:transparent;color:#66eaff;cursor:pointer}.search-button svg{width:30px;height:30px;filter:drop-shadow(0 0 8px #20e6ff)}
.mobile-menu{display:none;font-size:28px}
.search-panel{position:fixed;z-index:200;right:32px;top:94px;width:min(430px,calc(100% - 64px));padding:18px;border:1px solid var(--line);border-radius:12px;background:#03101d;box-shadow:0 20px 50px #000}
.search-panel label{display:block;margin-bottom:8px;color:var(--cyan);font-weight:800}.search-panel input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:#071625;color:#fff;font:inherit}
#search-results a{display:block;padding:9px 4px;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none}
.hero{position:relative;min-height:330px;overflow:hidden;border:1px solid rgba(42,192,255,.25);border-top:0;border-radius:0 0 16px 16px;background:#051225}
.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,7,15,.97) 0%,rgba(1,7,15,.77) 36%,rgba(1,7,15,.15) 73%,rgba(1,7,15,.74))}
.hero-copy{position:relative;z-index:2;width:55%;padding:45px 44px}.kicker{margin:0 0 7px;color:var(--cyan);font-size:13px;font-weight:900;letter-spacing:.18em}
.hero-copy h1{margin:0;color:#eaffff;font-size:52px;line-height:1;text-shadow:0 0 10px #25dfff,0 0 24px rgba(37,223,255,.65)}.hero-copy h1 span{font-size:.75em}
.hero-copy h2{margin:8px 0 18px;font-size:31px;letter-spacing:.09em}.hero-copy p{font-size:20px}
.hero-actions{display:flex;gap:22px;margin-top:24px}.neon-button{display:inline-flex;align-items:center;justify-content:center;min-width:220px;padding:13px 22px;border:1px solid;border-radius:8px;background:rgba(2,12,23,.78);font-weight:900;text-decoration:none;text-transform:uppercase;letter-spacing:.03em}
.neon-button.cyan{color:#70f5ff;border-color:#1fe4ff;box-shadow:0 0 13px rgba(31,228,255,.58),inset 0 0 15px rgba(31,228,255,.08)}.neon-button.magenta{color:#ff8af6;border-color:#d94cff;box-shadow:0 0 13px rgba(217,76,255,.48),inset 0 0 15px rgba(217,76,255,.08)}
.neon-button.small{min-width:auto;padding:10px 17px;font-size:13px}
.news-panel{position:absolute;z-index:3;right:18px;top:15px;width:264px;padding:13px 15px;border:1px solid #1599d7;border-radius:12px;background:rgba(3,14,27,.90);box-shadow:0 0 20px rgba(0,162,255,.12)}
.news-panel h2,.panel-title{display:flex;align-items:center;gap:9px;margin:0 0 9px;padding-bottom:7px;border-bottom:1px solid rgba(36,199,255,.35);color:#49e7ff;font-size:17px;text-transform:uppercase}
.news-panel a{display:grid;grid-template-columns:1fr;gap:2px;padding:8px 2px;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none}.news-panel span{display:flex;justify-content:space-between}.news-panel strong{font-size:14px}.news-panel small,.news-panel em{color:#9eb1c4;font-size:11px;font-style:normal}
.home-grid{display:grid;grid-template-columns:1fr 390px;gap:12px;margin-top:12px}.panel{border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(3,17,31,.95),rgba(2,10,20,.92));box-shadow:0 14px 40px rgba(0,0,0,.28)}
.featured-panel,.popular-panel{padding:16px}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.game-card{position:relative;display:flex;flex-direction:column;border:1px solid rgba(49,181,241,.28);border-radius:10px;overflow:hidden;background:#04101d;box-shadow:inset 0 0 22px rgba(0,163,255,.04)}
.card-image{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#071220}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.game-card:hover .card-image img{transform:scale(1.035)}
.card-badge{position:absolute;top:8px;right:8px;padding:4px 7px;border:1px solid #25dbff;border-radius:4px;color:#b8f8ff;background:rgba(2,9,17,.78);font-size:10px;font-weight:900;letter-spacing:.06em}
.card-copy{display:flex;justify-content:space-between;gap:8px;padding:11px 9px 4px}.card-copy h3{margin:0;font-size:17px}.card-copy p{margin:2px 0;color:#8ea3b8;font-size:12px}.card-copy strong{color:#2cecff;white-space:nowrap}
.card-link{margin:auto 9px 10px;color:#3deaff;font-size:12px;font-weight:800;text-decoration:none}.compact .card-link{display:none}.compact .card-copy{padding-bottom:10px}
.asset-row{display:grid;grid-template-columns:78px 1fr auto;align-items:center;gap:11px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.10);text-decoration:none}.asset-row img{width:78px;height:53px;object-fit:cover;border:1px solid rgba(32,230,255,.35);border-radius:5px}.asset-row span{display:flex;flex-direction:column}.asset-row small{color:#8fa4b7}.asset-row b{color:#2deaff}.view-all{display:block;margin-top:10px;color:#3deaff;font-weight:900;text-decoration:none;text-transform:uppercase}
.catalogue-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;padding:17px 22px}.catalogue-strip span{display:block;color:#ff4de2;font-weight:900}.catalogue-strip strong{font-size:15px}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:15px;border:1px solid var(--line);border-radius:12px;background:#03101c}.trust-strip div{padding:15px 24px;border-right:1px solid rgba(49,181,241,.26)}.trust-strip div:last-child{border:0}.trust-strip strong{display:block;color:#52e9ff}.trust-strip span{color:#c4cfda;font-size:13px}
.site-footer{position:relative;display:grid;grid-template-columns:290px 1fr 1fr 250px;gap:30px;align-items:center;margin-top:2px;padding:18px 24px;border:1px solid rgba(42,192,255,.25);border-radius:12px;background:#020b15}.footer-brand img{width:210px;height:75px;object-fit:contain}.footer-brand p,.site-footer p{margin:4px 0;color:#9eb1c4}.site-footer h3{margin:0 0 8px;color:#45e8ff;text-transform:uppercase;font-size:14px}.site-footer a{text-decoration:none}.footer-round img{width:210px;height:115px;object-fit:contain;filter:drop-shadow(0 0 14px #1853ff)}.copyright{text-align:center;color:#6f8296;font-size:12px}
.page-banner{margin-top:12px;padding:50px;border:1px solid var(--line);border-radius:14px;background:radial-gradient(circle at 80% 15%,rgba(45,79,169,.32),transparent 24rem),linear-gradient(110deg,#04101c,#07182a)}.page-banner h1{margin:0;color:#efffff;font-size:60px;text-shadow:0 0 16px #20dfff}.page-banner p:last-child{color:#b6c7d5;font-size:19px}
.catalogue-section{padding:34px 0}.section-heading{margin-bottom:17px}.section-heading h2{margin:0;color:#5cecff;font-size:29px;text-transform:uppercase}.section-heading p{color:#9dafc0}.catalogue-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.catalogue-grid .game-card{min-height:100%}.tools-grid{grid-template-columns:repeat(3,1fr)}
.text-panel,.legal{padding:38px}.text-panel h2,.legal h2{color:#53eaff}.legal{max-width:920px}.legal p{color:#a9b9c7}.about-panel{display:grid;grid-template-columns:320px 1fr;align-items:center;gap:45px;padding:40px}.about-panel img{width:300px}.about-panel p{color:#afc0ce;font-size:18px}
@media(max-width:1150px){.site-header{grid-template-columns:230px 1fr 40px}.brand picture,.brand img{width:190px}nav{gap:3px}nav a{padding:12px 7px;font-size:13px}.home-grid{grid-template-columns:1fr}.popular-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.popular-panel .panel-title,.popular-panel .view-all{grid-column:1/-1}.featured-grid,.catalogue-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.site-shell{width:min(100% - 18px,var(--max))}.site-header{height:auto;min-height:78px;grid-template-columns:1fr auto auto}.brand span{display:none}.mobile-menu{display:block}nav{display:none;grid-column:1/-1;flex-direction:column;align-items:stretch;padding:8px}nav.open{display:flex}nav a{justify-content:center}.hero{min-height:550px}.hero-copy{width:100%;padding:35px 24px}.hero-copy h1{font-size:40px}.hero-copy h2{font-size:24px}.news-panel{position:relative;right:auto;top:auto;margin:300px 15px 15px;width:auto}.hero-scene{height:315px}.hero-overlay{height:315px}.featured-grid,.catalogue-grid,.tools-grid{grid-template-columns:1fr}.popular-panel{grid-template-columns:1fr}.trust-strip{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr 1fr}.footer-round{display:none}.about-panel{grid-template-columns:1fr}.hero-actions{flex-direction:column}.neon-button{width:100%}.catalogue-strip{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.trust-strip,.site-footer{grid-template-columns:1fr}.trust-strip div{border-right:0;border-bottom:1px solid rgba(49,181,241,.26)}.page-banner{padding:34px 22px}.page-banner h1{font-size:42px}.hero-copy h1{font-size:34px}.featured-panel,.popular-panel{padding:11px}}