:root{--bg:#0c0717;--panel:#171027;--gold:#ffd447;--ink:#fff8e7;--muted:#c9badd;--purple:#9b5cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 15%,#3c1c6b 0,transparent 30%),radial-gradient(circle at 85% 70%,#6b172f 0,transparent 30%),var(--bg);color:var(--ink);font-family:Tahoma,"Segoe UI",sans-serif;overflow-x:hidden}.glow{position:fixed;width:360px;height:360px;border-radius:50%;filter:blur(100px);opacity:.22;pointer-events:none}.glow.one{background:#a94cff;top:-160px;right:-100px}.glow.two{background:#ff3b62;bottom:-180px;left:-100px}.nav{width:min(1100px,calc(100% - 32px));height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;gap:11px;align-items:center;color:white;text-decoration:none;font-size:1.25rem;font-weight:900}.logo b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#ffd94f,#ff8a2c);color:#32150b;box-shadow:0 8px 24px #ffab2d44}.badge{border:1px solid #ffffff1c;background:#ffffff0b;border-radius:99px;padding:8px 14px;color:#dbcdec;font-size:.75rem}main{position:relative;width:min(1100px,calc(100% - 32px));margin:45px auto 70px}.hero{max-width:720px}.eyebrow{display:inline-block;color:var(--gold);background:#ffd44712;border:1px solid #ffd4472e;border-radius:99px;padding:7px 13px;font-size:.8rem;font-weight:700}.hero h1{font-size:clamp(3.2rem,9vw,6.7rem);line-height:1;margin:24px 0 18px;letter-spacing:-3px}.hero h1 em{font-style:normal;color:var(--gold);text-shadow:0 0 35px #ffb52d66}.hero>p{max-width:630px;color:var(--muted);font-size:clamp(1rem,2vw,1.2rem);line-height:1.9}.play{display:inline-flex;align-items:center;gap:30px;margin-top:22px;padding:9px 9px 9px 22px;border-radius:18px;background:linear-gradient(135deg,#ffd849,#ff9d27);box-shadow:0 13px 34px #ff9d2738;color:#271309;text-decoration:none;font-weight:900}.play b{padding:13px 18px;background:#251234;color:white;border-radius:12px;font-size:.8rem}.features{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px;color:#c6b7d8;font-size:.75rem}.features span{padding:8px 12px;background:#ffffff08;border:1px solid #ffffff0e;border-radius:10px}.game-card{margin-top:70px;display:grid;grid-template-columns:1.1fr 1fr;min-height:310px;border:1px solid #ffffff14;border-radius:30px;overflow:hidden;background:linear-gradient(145deg,#1d1231dd,#110b1ddd);box-shadow:0 25px 80px #0007}.ring{position:relative;display:flex;align-items:center;justify-content:center;gap:26px;background:repeating-linear-gradient(0deg,transparent 0 54px,#ffffff12 55px 59px),radial-gradient(circle,#6d3d92,#2b1645 65%,#150d24);overflow:hidden}.ring:after{content:"";position:absolute;inset:12%;border:5px solid #e8d7f4;border-radius:20px;opacity:.55}.ring i,.ring strong{position:relative;z-index:1}.ring i{font-style:normal;font-size:clamp(4rem,10vw,7rem);filter:drop-shadow(0 12px 12px #0008)}.ring .red{transform:rotate(-25deg)}.ring .blue{transform:scaleX(-1) rotate(-25deg)}.ring strong{color:var(--gold);font:900 1.4rem Arial;text-shadow:0 3px 0 #6c3510}.card-copy{padding:45px;align-self:center}.card-copy small{color:var(--gold);font-weight:800}.card-copy h2{font-size:clamp(2rem,4vw,3.4rem);margin:8px 0}.card-copy p{color:var(--muted);line-height:1.8}.card-copy a{display:inline-block;margin-top:10px;color:#20100a;background:var(--gold);padding:11px 19px;border-radius:12px;text-decoration:none;font-weight:900}footer{width:min(1100px,calc(100% - 32px));margin:0 auto 25px;padding-top:18px;border-top:1px solid #ffffff12;display:flex;justify-content:space-between;color:#9f90b3}footer span{color:white;font-weight:900}footer small{font-size:.7rem}@media(max-width:720px){.nav{height:65px}main{margin-top:28px}.hero h1{letter-spacing:-2px}.play{display:flex;justify-content:space-between}.game-card{grid-template-columns:1fr}.ring{min-height:230px}.card-copy{padding:28px}.features{gap:6px}.features span{font-size:.68rem}}