@import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');:root{--bg:#0d1424;--panel:#172236;--muted:#95a0b3;--gold:#ffd21b;--cyan:#00d5f5;--green:#55d89a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f4f7fc;font-family:Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.container{width:min(1250px,calc(100% - 44px));margin:auto}.header{height:66px;background:#0e1728;border-bottom:1px solid #1c293d;position:sticky;top:0;z-index:20}.nav{height:100%;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;flex-shrink:0}.brand img{width:174px;max-height:49px;object-fit:contain;object-position:left}.search{height:40px;max-width:450px;flex:1;background:#1b273b;border:1px solid #26344a;border-radius:12px;display:flex;align-items:center;padding:0 14px;gap:10px;color:#98a7bc}.search input{background:none;border:0;outline:0;color:white;width:100%;font-size:13px}.navlinks{display:flex;align-items:center;gap:22px;margin-left:auto;white-space:nowrap}.navlinks a{font-size:12px;font-weight:800;color:#a6b1c2}.navlinks a:hover,.navlinks .active{color:#fff}.actions{display:flex;gap:10px;align-items:center}.login-btn{height:43px;padding:0 15px;border:2px solid var(--gold);border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.register-btn,.primary{background:linear-gradient(100deg,#ffd51c,#9ce56e,#02c9ef);color:#091320;font-weight:800;border:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 0 22px #ffd21b28}.register-btn{height:43px;padding:0 22px;font-size:13px}.menu-btn{display:none;background:none;border:1px solid #394760;color:#fff;border-radius:8px;padding:8px}.hero{min-height:760px;position:relative;overflow:hidden;background:#0d1424}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d1424 0%,#0d1424ed 32%,#0d1424b0 70%,#0d1424b0),linear-gradient(0deg,#0d1424 0%,transparent 32%),url('https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=1800&q=85') center/cover no-repeat;opacity:.95}.hero-inner{position:relative;padding-top:124px}.pill{display:inline-flex;background:var(--cyan);color:#061527;font-size:11px;font-weight:800;border-radius:30px;padding:11px 19px}.hero h1{font-family:Oxanium,Inter,sans-serif;font-size:clamp(42px,5.3vw,78px);line-height:.98;letter-spacing:-2px;margin:24px 0 22px;font-weight:800;max-width:900px}.gradient{background:linear-gradient(95deg,#ffd21b,#b1e763 48%,#00d4f1);color:transparent;background-clip:text}.hero p{color:#a3aec1;font-size:19px;line-height:1.6;max-width:760px}.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:32px}.primary,.secondary{height:64px;min-width:248px;padding:0 30px;font-size:15px}.secondary{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--gold);border-radius:12px;color:#ffe35d;font-weight:800}.stats{display:flex;margin-top:46px;background:#182337db;border:1px solid #263147;border-radius:16px;max-width:770px;padding:22px 0}.stat{flex:1;text-align:center;border-right:1px solid #29374a}.stat:last-child{border:0}.stat strong{font-family:Oxanium,sans-serif;font-size:31px;color:var(--gold)}.stat:nth-child(2) strong{color:var(--cyan)}.stat:nth-child(3) strong{color:var(--green)}.stat small{display:block;color:#9da9b8;font-size:12px;margin-top:4px}.section{padding:52px 0 74px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:32px}.section h2,.inner h1{font-family:Oxanium,Inter,sans-serif;font-size:36px;margin:0 0 7px}.section-heading p,.lead{color:var(--muted);margin:0;line-height:1.7}.view-all{font-size:12px;font-weight:800}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.game-card{background:#182338;border:1px solid #27334a;border-radius:18px;overflow:hidden;transition:transform .2s}.game-card:hover{transform:translateY(-4px)}.game-art{height:175px;background-size:cover;background-position:center;position:relative}.game-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111a2c,transparent 75%)}.tag{position:absolute;top:12px;left:12px;z-index:1;background:var(--cyan);color:#071626;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:800}.game-info{padding:19px}.game-info h3{margin:0 0 8px;font-family:Oxanium;font-size:21px}.game-info p{font-size:13px;color:var(--muted);line-height:1.65;margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature,.content-panel{background:#172236;border:1px solid #29364d;border-radius:16px;padding:26px}.feature b{color:#ffd51c;font-size:21px}.feature h3{font-family:Oxanium;font-size:21px}.feature p,.content-panel p,.content-panel li{color:#b4bfd0;line-height:1.85}.inner{padding:75px 0 90px;min-height:65vh}.inner h1{font-size:clamp(35px,5vw,58px)}.inner .lead{max-width:760px;margin:14px 0 28px}.content-panel{max-width:920px;margin-bottom:18px}.content-panel h2{font-family:Oxanium;font-size:25px;margin:0 0 12px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.cta .primary,.cta .secondary{height:48px;min-width:165px}.footer{border-top:1px solid #273247;padding:32px 0 90px;color:#93a0b4;font-size:13px}.footer-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer a{margin-right:15px}.mobile-bar{display:none}.empty{padding:18px;color:var(--muted)}@media(max-width:1050px){.search{display:none}.navlinks{gap:13px}.brand img{width:155px}.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.container{width:min(100% - 32px,1250px)}.header{height:64px}.nav{gap:10px}.brand img{width:143px}.actions{margin-left:auto}.actions .login-btn,.actions .register-btn{display:none}.menu-btn{display:block}.navlinks{display:none;position:absolute;top:64px;left:0;right:0;background:#121d31;border-bottom:1px solid #2b3b54;padding:20px;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:13px 4px}.hero{min-height:700px}.hero:before{background:linear-gradient(90deg,#0d1424ed,#0d1424bc),linear-gradient(0deg,#0d1424,transparent 55%),url('https://images.unsplash.com/photo-1542751371-adc38448a05e?auto=format&fit=crop&w=900&q=80') center/cover no-repeat}.hero-inner{padding-top:75px}.hero h1{font-size:clamp(39px,10vw,60px);letter-spacing:-1px}.hero p{font-size:15px}.hero-actions{gap:12px}.primary,.secondary{min-width:0;flex:1;height:55px;font-size:12px;padding:0 10px}.stats{margin-top:35px;padding:17px 0}.stat strong{font-size:22px}.stat small{font-size:9px}.section{padding:40px 0 55px}.section h2{font-size:28px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.game-art{height:115px}.game-info{padding:13px}.game-info h3{font-size:17px}.game-info p{font-size:11px}.features{grid-template-columns:1fr}.inner{padding:55px 0}.mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#0d1424f5;border-top:1px solid #314057;z-index:25;padding:10px 14px;gap:10px}.mobile-bar a{flex:1;text-align:center;padding:13px;border-radius:10px;font-weight:800;font-size:13px}.mobile-bar a:first-child{border:1px solid var(--gold);color:var(--gold)}.mobile-bar a:last-child{background:linear-gradient(95deg,#ffd21b,#00c9ec);color:#071526}}