@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@400;600;700;800&display=swap');
:root{--bg:#0c0f16;--panel:#151a25;--panel2:#1c2230;--line:#2a3141;--text:#f7f8fc;--muted:#9ba5b8;--gold:#f5bd4e;--gold2:#ffdf86;--green:#35d49a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:78px;display:flex;align-items:center;gap:34px;padding:0 clamp(18px,5vw,76px);border-bottom:1px solid #222938;background:#10141d;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font:800 24px Manrope,sans-serif;letter-spacing:-1px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:linear-gradient(145deg,#ffe18d,#e99a21);color:#18120a;font-size:21px}.accent{color:var(--gold)}.topnav{display:flex;gap:28px;margin-right:auto;color:#b9c1d0;font-size:14px}.topnav a:hover,footer a:hover{color:var(--gold)}.account{display:flex;align-items:center;gap:18px}.balance{display:flex;flex-direction:column;gap:4px}.balance small{color:var(--muted);font-size:11px}.balance strong{font-size:14px;color:var(--gold2)}.btn{border:0;border-radius:9px;padding:12px 18px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .15s,filter .15s}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,#ffd978,#eaa52f);color:#241707;box-shadow:0 7px 24px #e9a92a24}.btn-ghost{background:#202736;color:#dce2ef;border:1px solid #343d4f;padding:10px 13px}.btn-small{padding:9px 15px;background:#f4bd4e;color:#211607}.hero{margin:28px clamp(18px,5vw,76px) 0;min-height:340px;border:1px solid #393022;border-radius:18px;overflow:hidden;position:relative;display:flex;align-items:center;background:radial-gradient(ellipse at 80% 40%,#5c3c19 0%,#252016 30%,#151820 66%,#121620 100%);padding:42px clamp(25px,5vw,72px)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#11151ef5 0%,#11151ec7 46%,transparent 100%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:570px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--gold);text-transform:uppercase}.hero h1{font:800 clamp(36px,5vw,60px)/1.06 Manrope,sans-serif;letter-spacing:-2px;margin:17px 0}.hero h1 span{color:var(--gold)}.hero p{max-width:450px;color:#b6bfce;line-height:1.7;font-size:14px;margin:0 0 25px}.hero-art{position:absolute;right:7%;top:0;width:360px;height:100%;z-index:1}.coin{position:absolute;border-radius:50%;display:grid;place-items:center;font-family:Manrope;font-weight:800;color:#6b3b0c;background:radial-gradient(circle at 30% 25%,#fff0a8,#f6bd4b 45%,#b86b13 80%,#ffe58d);box-shadow:0 15px 50px #0008,inset 0 0 0 7px #e5a330,inset 0 0 0 10px #ffdf86}.coin-front{width:185px;height:185px;right:65px;top:62px;font-size:105px;transform:rotate(-13deg)}.coin-back{width:120px;height:120px;right:220px;top:142px;font-size:70px;opacity:.8;transform:rotate(15deg)}.orbit{position:absolute;border:1px solid #c68b3b55;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:390px;height:180px;top:90px;right:-10px}.orbit-two{width:310px;height:250px;top:42px;right:25px;transform:rotate(45deg)}.spark{position:absolute;color:#ffdf86}.spark-a{font-size:35px;right:35px;top:52px}.spark-b{font-size:25px;right:260px;top:75px}.hero-tag{position:absolute;right:0;bottom:28px;color:#ffdf86;font-size:10px;letter-spacing:2px;text-align:center;transform:rotate(-5deg)}.hero-tag b{font-size:13px}.ticker{margin:18px clamp(18px,5vw,76px) 0;padding:15px 20px;background:#211b11;border:1px solid #47351c;border-radius:10px;display:flex;align-items:center;justify-content:center;gap:15px;color:#d6c49e;font-size:11px;letter-spacing:1px;text-align:center}.ticker span{color:var(--gold)}.ticker b{color:var(--gold2)}.section{padding:48px clamp(18px,5vw,76px) 25px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section h2,.play-panel h2{font:800 26px Manrope,sans-serif;margin:9px 0 0;letter-spacing:-.7px}.demo-label{font-size:10px;color:#aeb8ca;border:1px solid #333d50;border-radius:6px;padding:8px 10px;letter-spacing:1px}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.game-card{border:1px solid #2a3140;background:#151a24;border-radius:13px;overflow:hidden;transition:transform .18s,border-color .18s}.game-card:hover{transform:translateY(-4px);border-color:#6c542e}.game-art{height:175px;position:relative;display:grid;place-items:center;overflow:hidden}.game-art:before,.game-art:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffe39a55;width:210px;height:210px}.game-art:after{width:150px;height:150px}.art-dragon{background:radial-gradient(circle,#a94924,#451a20 58%,#21141b)}.art-gold{background:radial-gradient(circle,#c68b24,#5d3518 58%,#211a13)}.art-lucky{background:radial-gradient(circle,#b82d40,#551b35 60%,#211520)}.art-roulette{background:radial-gradient(circle,#286e60,#143c39 60%,#111f25)}.game-symbol{font-size:76px;filter:drop-shadow(0 7px 8px #0008);z-index:1}.art-caption{position:absolute;right:14px;bottom:12px;font-size:10px;line-height:1.2;letter-spacing:2px;text-align:right;color:#ffe6a0;text-shadow:0 2px 5px #000}.art-caption b{font-size:16px}.game-info{display:flex;align-items:center;justify-content:space-between;padding:15px 14px;gap:8px}.game-info h3{font-size:13px;margin:0 0 6px}.game-info p{margin:0;color:#8e99ac;font-size:11px}.play-panel{margin:25px clamp(18px,5vw,76px);padding:24px;border:1px solid #3a3427;border-radius:15px;background:linear-gradient(145deg,#1b202b,#151923)}.panel-top{display:flex;justify-content:space-between;align-items:center}.icon-btn{border:1px solid #3a4354;background:#252c39;color:#fff;border-radius:8px;font-size:25px;width:38px;height:38px;cursor:pointer}.muted{color:var(--muted);font-size:13px}.machine{margin:20px auto;max-width:540px;display:flex;justify-content:center;gap:12px;padding:24px;background:#0b0e14;border:1px solid #41404a;border-radius:13px}.machine span{width:105px;height:95px;display:grid;place-items:center;font-size:47px;border-radius:10px;background:linear-gradient(145deg,#fce7ad,#b97723);box-shadow:inset 0 0 0 4px #e6b44e}.bet-controls{max-width:540px;margin:0 auto}.bet-controls label{display:block;color:#c7cfdd;font-size:12px;margin-bottom:8px}.bet-row{display:flex;gap:10px}.bet-row input{width:150px;background:#0d1119;border:1px solid #343d4d;border-radius:9px;padding:12px;color:white;font:600 15px Inter}.result{max-width:540px;margin:15px auto 0;padding:13px;border-radius:9px;background:#202735;color:#d6deeb;font-size:13px;text-align:center}.result.win{color:#9df3ce;border:1px solid #27664f}.result.lose{color:#e9b8a5}.notice{margin:35px clamp(18px,5vw,76px) 55px;padding:18px 20px;display:flex;gap:14px;border:1px solid #303849;background:#141a25;border-radius:12px}.notice-icon{font-size:22px;color:var(--gold)}.notice b{font-size:13px}.notice p{margin:6px 0 0;color:#9ca7ba;font-size:12px;line-height:1.6}footer{display:flex;align-items:center;gap:24px;padding:25px clamp(18px,5vw,76px);border-top:1px solid #252c39;color:#7f8a9e;font-size:11px}.footer-brand{font-size:18px;color:#f6f7fa;margin-right:auto}.footer-brand .brand-mark{width:29px;height:29px;font-size:17px} [hidden]{display:none!important}
@media(max-width:900px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-art{right:-75px;opacity:.7}.hero-copy{max-width:520px}.topnav{gap:15px}.account{gap:9px}}
@media(max-width:620px){.topbar{height:auto;min-height:70px;padding:12px 16px;gap:10px;flex-wrap:wrap}.brand{font-size:21px}.topnav{order:3;width:100%;justify-content:center;padding-top:8px;border-top:1px solid #252c39}.account{margin-left:auto}.balance{display:none}.btn-ghost{font-size:11px;padding:9px}.hero{margin:16px 12px 0;min-height:370px;padding:28px 22px;align-items:flex-start}.hero-copy{padding-top:14px}.hero h1{font-size:43px}.hero p{font-size:13px;max-width:300px}.hero-art{right:-160px;top:100px;opacity:.4}.ticker{margin:12px;font-size:9px;gap:7px;flex-wrap:wrap}.section{padding:35px 14px 20px}.section-head{align-items:start;gap:10px}.section h2{font-size:23px}.demo-label{font-size:8px}.game-grid{gap:10px}.game-art{height:135px}.game-symbol{font-size:58px}.game-info{padding:12px 10px;align-items:flex-start;flex-direction:column}.game-info h3{font-size:12px}.play-panel{margin:20px 12px;padding:18px}.machine{gap:6px;padding:12px}.machine span{width:29%;height:75px;font-size:36px}.bet-row{flex-wrap:wrap}.bet-row input{flex:1;min-width:110px}footer{flex-wrap:wrap;gap:14px}.footer-brand{width:100%}}