@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--canvas: #120609;--surface1: #1b0d12;--surface2: #241218;--surface3: #2e1720;--line: #3a1f29;--text1: #f6eef1;--text2: #c3aab3;--text3: #8d7480;--accent: #e0245e;--neon: #ff2e88;--gold: #f5b942;--error: #ff5470;--success: #3ecf8e;--gutter: 20px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--canvas)}body{color:var(--text1);font:16px/1.55 Manrope,ui-sans-serif,-apple-system,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--neon);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.wrap{max-width:1120px;margin:0 auto;padding:0 var(--gutter)}.header{position:sticky;top:0;z-index:20;background:#120609db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header .inner{display:flex;align-items:center;gap:14px;height:62px}.logo{display:flex;align-items:center;gap:9px;font-weight:800;font-size:18px;letter-spacing:-.02em;color:var(--text1)}.logo:hover{text-decoration:none}.logo svg{width:26px;height:26px}.grow{flex:1}.navlink{color:var(--text2);font-weight:600;font-size:14px}.navlink:hover{color:var(--text1);text-decoration:none}.wallet{display:inline-flex;align-items:center;gap:7px;background:var(--surface2);border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-weight:700;font-size:14px}.wallet .gem{color:var(--neon)}h1{font-size:clamp(30px,5.4vw,52px);line-height:1.06;letter-spacing:-.03em;margin:0 0 14px}h2{font-size:clamp(21px,3vw,28px);letter-spacing:-.02em;margin:0 0 10px}h3{font-size:17px;margin:0 0 6px;letter-spacing:-.01em}.lede{color:var(--text2);font-size:clamp(16px,2.1vw,19px);margin:0 0 26px;max-width:62ch}.muted{color:var(--text3);font-size:14px}.section{padding:40px 0}.eyebrow{color:var(--neon);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#e0245e,#ff2e88);color:#fff;border:none;border-radius:999px;padding:13px 24px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 6px 24px #e0245e47}.btn:hover:not(:disabled){filter:brightness(1.07);text-decoration:none}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.btn.secondary{background:var(--surface2);color:var(--text1);border:1px solid var(--line);box-shadow:none}.btn.gold{background:linear-gradient(135deg,#f5b942,#e09a1c);color:#1a1205;box-shadow:0 6px 20px #f5b94238}.btn.small{padding:8px 15px;font-size:14px}.btn.block{width:100%}.card{background:var(--surface1);border:1px solid var(--line);border-radius:16px;padding:18px}.grid{display:grid;gap:14px}.grid.styles{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.grid.packs{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.tile{position:relative;border-radius:14px;overflow:hidden;background:var(--surface2);border:1px solid var(--line);cursor:pointer;display:block;padding:0;width:100%}.tile img,.tile video{aspect-ratio:3 / 4;object-fit:cover;width:100%}.tile .caption{position:absolute;inset:auto 0 0 0;padding:26px 12px 11px;background:linear-gradient(transparent,#0a0305eb);font-weight:700;font-size:14px;text-align:left}.tile .cost{position:absolute;top:9px;right:9px;background:#0a0305b8;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.tile:hover{border-color:var(--accent)}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:14px}.chip{white-space:nowrap;background:var(--surface2);border:1px solid var(--line);color:var(--text2);border-radius:999px;padding:6px 14px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.chip.on{background:var(--surface3);color:var(--text1);border-color:var(--accent)}.pack{text-align:center;background:var(--surface1);border:1px solid var(--line);border-radius:16px;padding:18px 14px;cursor:pointer;font:inherit;color:inherit;display:grid;gap:4px;position:relative}.pack:hover{border-color:var(--accent)}.pack .amount{font-size:26px;font-weight:800;letter-spacing:-.02em}.pack .price{color:var(--text2);font-weight:600}.pack .badge{position:absolute;top:-9px;left:50%;transform:translate(-50%);background:var(--gold);color:#1a1205;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:800;white-space:nowrap}.drop{border:1px dashed var(--line);border-radius:16px;background:var(--surface1);padding:30px 18px;text-align:center;cursor:pointer;display:grid;gap:8px;justify-items:center}.drop.on{border-color:var(--accent);background:var(--surface2)}.drop img{max-height:360px;border-radius:12px}.bar{height:6px;background:var(--surface3);border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;background:linear-gradient(90deg,#e0245e,#ff2e88);transition:width .4s ease}.notice{color:var(--text3);font-size:13px}.error{border:1px solid rgba(255,84,112,.4);background:#ff547014;color:#ffc7d0;border-radius:12px;padding:12px 14px;font-size:14px}.ok{border:1px solid rgba(62,207,142,.35);background:#3ecf8e14;color:#b9f3d8;border-radius:12px;padding:12px 14px;font-size:14px}.center{text-align:center}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--surface3);border-top-color:var(--accent);animation:spin .9s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.footer{border-top:1px solid var(--line);margin-top:48px;padding:26px 0 40px;color:var(--text3);font-size:13px}.footer a{color:var(--text2)}@media(max-width:640px){.header .inner{height:56px;gap:10px}.section{padding:28px 0}}
