*{box-sizing:border-box}body{margin:0;background:#090b10;color:#f5f7fa;font-family:Arial,sans-serif}.topbar{height:64px;display:flex;align-items:center;padding:0 5%;border-bottom:1px solid #20242d;background:#0c0f15;position:sticky;top:0;z-index:5}.brand{font-size:25px;font-weight:900}.brand span{color:#20d37b}.user-area{margin-left:auto;display:flex;gap:10px;align-items:center;color:#aab2bf}.user-area button,.card button{border:1px solid #2b3441;border-radius:8px;padding:10px 14px;background:#171d26;color:#fff;cursor:pointer}.nav{display:flex;gap:8px;padding:12px 5%;overflow:auto;background:#0d1016}.nav a{color:#aeb6c4;text-decoration:none;padding:10px 14px;white-space:nowrap}.nav a.active{color:#20d37b;background:#18211d}.hero,.section{max-width:1180px;margin:28px auto;padding:35px 5%}.hero{display:flex;justify-content:space-between;gap:25px;background:#101820;border:1px solid #222a35;border-radius:18px}.hero h1{font-size:clamp(32px,5vw,58px);margin:10px 0}.hero p,.section p{color:#aeb6c4;line-height:1.6}.eyebrow{color:#20d37b!important;font-weight:800;letter-spacing:2px}.hero-card{min-width:190px;padding:25px;border:1px solid #2a333e;border-radius:15px;text-align:center;color:#9da7b5}.hero-number{font-size:34px;color:#20d37b;font-weight:900}.primary{border:0!important;background:#20d37b!important;color:#07110c!important;font-weight:800}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title span,small{color:#7f8997}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card{background:#10141b;border:1px solid #222a35;border-radius:13px;padding:18px}.odds{display:flex;gap:8px}.odds button{flex:1}.odds b{display:block;color:#20d37b;margin-top:4px}.games{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.art{height:130px;border-radius:10px;background:#202938;display:grid;place-items:center;font-size:50px}.live{display:flex;justify-content:space-between;gap:20px}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:20}.modal-card{width:min(420px,92%);background:#10141b;border:1px solid #2a333e;border-radius:15px;padding:25px;position:relative}.modal-card label{display:block;color:#aeb6c4;margin:14px 0}.modal-card input{width:100%;margin-top:7px;padding:12px;border-radius:8px;border:1px solid #2b3441;background:#0b0f15;color:#fff}.close{position:absolute;right:12px;top:8px;background:none;border:0;color:#fff;font-size:28px}.full{width:100%}.hidden{display:none!important}@media(max-width:800px){.hero{margin:15px 3%;flex-direction:column}.cards,.games{grid-template-columns:1fr}.section{margin:0 3%}}