@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--pink:#ff2abf;--purple:#7b2cff;--deep:#090613;--card:#130c22;--muted:#aaa0b8;--line:#2b1d40}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 0,#32125e 0,transparent 32%),radial-gradient(circle at 90% 20%,#5d0b56 0,transparent 30%),var(--deep);color:#fff;font-family:Inter,Arial,sans-serif}.bg-orb{position:fixed;border-radius:50%;filter:blur(100px);opacity:.2;pointer-events:none}.orb1{width:300px;height:300px;background:#ff2abf;top:20%;left:-150px}.orb2{width:320px;height:320px;background:#692cff;bottom:0;right:-140px}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #ffffff10;position:sticky;top:0;background:#090613dd;backdrop-filter:blur(16px);z-index:20}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.5px}.brand img{width:42px;height:42px;object-fit:cover;border-radius:12px}.nav nav{display:flex;gap:28px}.nav nav a{color:#c8bfd1;text-decoration:none;font-size:14px}.wa,.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:800;text-decoration:none;cursor:pointer}.wa{background:linear-gradient(90deg,var(--pink),var(--purple));color:#fff}
main{max-width:1180px;margin:auto;padding:0 22px}.hero{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}.hero-copy h1{font-size:64px;line-height:1.02;margin:16px 0}.hero-copy h1 span{background:linear-gradient(90deg,#ff4bcf,#9d5cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{color:#b9afc3;max-width:570px;line-height:1.7}.pill,.eyebrow{color:#ff73d7;font-weight:800;font-size:12px;letter-spacing:2px}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn.primary{background:linear-gradient(90deg,var(--pink),var(--purple));color:#fff;box-shadow:0 12px 35px #b32cff38}.btn.ghost{border:1px solid #ffffff1c;color:#fff;background:#ffffff08}.trust{display:flex;gap:22px;margin-top:25px;color:#bdb4c7;font-size:13px}.hero-logo img{width:min(100%,540px);display:block;margin:auto;filter:drop-shadow(0 20px 50px #e329ba38)}
.section{padding:70px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.section h2{font-size:36px;margin:8px 0}.search{width:280px;background:#ffffff08;border:1px solid var(--line);padding:14px 16px;border-radius:12px;color:#fff;outline:none}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:22px}.chip{background:#ffffff08;border:1px solid var(--line);color:#c8bfd1;padding:9px 13px;border-radius:999px;cursor:pointer}.chip.active{background:#ff2abf20;color:#fff;border-color:#ff2abf88}.game-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.game-card{display:grid;grid-template-columns:48px 1fr 16px;align-items:center;gap:12px;text-align:left;background:linear-gradient(145deg,#171024,#100a19);border:1px solid var(--line);border-radius:16px;padding:14px;color:#fff;cursor:pointer;transition:.2s}.game-card:hover{transform:translateY(-3px);border-color:#ff2abf80}.game-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;font-size:14px;font-weight:900;background:linear-gradient(135deg,#ff2abf,#652cff);box-shadow:0 8px 20px #ff2abf25}.game-card b{display:block;font-size:14px}.game-card small{display:block;color:#8e849b;margin-top:4px}.game-card>span{color:#8e849b;font-size:24px}
.checkout.hidden{display:none}.checkout-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:18px}.panel,.status-card{background:#110b1c;border:1px solid var(--line);border-radius:20px;padding:22px}.selected-game{display:flex;align-items:center;gap:13px;margin-bottom:22px}.selected-game img{width:55px;height:55px;border-radius:14px;object-fit:cover}.selected-game b,.selected-game small{display:block}.selected-game small{color:#93889f;margin-top:5px}.panel label{display:block;color:#cfc6d7;font-size:13px;margin:15px 0}.panel input,.status-form input{width:100%;margin-top:8px;background:#0b0711;border:1px solid #2b1d40;border-radius:11px;padding:13px;color:#fff;outline:none}.optional{color:#786e83}.denoms{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.denom{background:#0e0915;border:1px solid var(--line);border-radius:12px;padding:13px;color:#fff;text-align:left;cursor:pointer}.denom span{display:block;color:#ff79d9;margin-top:7px;font-size:12px}.denom.selected{border-color:#ff2abf;background:#ff2abf12}.summary h3{margin-top:0}.row{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #ffffff0d;color:#a89eaf}.row b{color:#fff}.row.total{font-size:19px;color:#fff;border:0}.full{width:100%;margin-top:15px}.note{display:block;color:#786e83;line-height:1.5;margin-top:15px}.note code{color:#ff7bdc}
.status-card{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.status-form{display:flex;gap:10px}.status-form input{margin:0}.status-result{grid-column:1/-1;color:#ff8dde}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.steps>div{background:#ffffff06;border:1px solid var(--line);border-radius:16px;padding:20px}.steps b{color:#ff5dcd}.steps h3{margin:16px 0 7px}.steps p{color:#958b9e;font-size:13px;line-height:1.5}
footer{border-top:1px solid #ffffff10;padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8f8598}footer .brand{color:#fff}footer p{margin:0;font-size:13px}footer small{font-size:11px}
.text-btn{background:none;border:0;color:#ff72d5;cursor:pointer;font-weight:700}
@media(max-width:900px){.hero{grid-template-columns:1fr;text-align:center;padding-top:40px}.hero-copy p{margin:auto}.hero-actions,.trust{justify-content:center}.hero-logo{order:-1}.hero-logo img{max-width:360px}.game-grid{grid-template-columns:repeat(2,1fr)}.checkout-grid,.status-card{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.status-result{grid-column:auto}.nav nav{display:none}}
@media(max-width:560px){.nav{padding:0 16px}.nav .wa{padding:10px 12px;font-size:12px}.hero-copy h1{font-size:45px}.section{padding:50px 0}.section-head{align-items:stretch;flex-direction:column}.search{width:100%}.game-grid{grid-template-columns:1fr}.denoms{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start}}
