:root{--bg: #0b0d14;--bg-elev: #12141e;--card: #161822;--card-2: #1b1e2b;--line: rgba(255, 255, 255, .08);--text: #f3f4fb;--muted: #9aa0b8;--accent: #7c6bff;--accent-2: #c4b8ff;--yellow: #f5c518;--ok: #3dd68c;--danger: #ff6b7a;--radius: 22px;--header-h: 68px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}img{max-width:100%}.shell{max-width:1180px;margin:0 auto;padding:0 20px}.header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0d14db;border-bottom:1px solid var(--line)}.header-inner{min-height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:10px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em}.brand-name{font-size:16px}.brand-name span{color:#b8b3d9;font-weight:600}.nav-pill{display:flex;flex-wrap:wrap;gap:4px;background:#12141c;border:1px solid var(--line);border-radius:999px;padding:4px}.nav-pill a,.nav-pill button{border:0;background:transparent;color:var(--muted);border-radius:999px;padding:8px 12px;font-size:13px;cursor:pointer}.nav-pill a.active,.nav-pill a:hover{color:var(--text);background:#1d2030}.header-cta{display:inline-flex;align-items:center;background:#fff;color:#111;border-radius:999px;padding:8px 16px;font-weight:700;font-size:14px}.hero-banner .btn-ghost{border-color:#ffffff47}.header-user{display:flex;align-items:center;gap:8px;background:#161822;border:1px solid var(--line);border-radius:999px;padding:4px 6px 4px 12px;font-size:13px}.avatar{width:28px;height:28px;border-radius:50%;background:#5b4fe0;display:grid;place-items:center;font-weight:700}.page{padding:28px 0 56px}.page h1{font-size:clamp(32px,4vw,44px);letter-spacing:-.03em;margin:0 0 8px}.lead{color:var(--muted);line-height:1.55;margin:0 0 20px;max-width:640px}.crumbs{color:var(--muted);font-size:13px;margin-bottom:16px}.crumbs a:hover{color:var(--text)}.btn{border:0;border-radius:12px;padding:12px 18px;cursor:pointer;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-white{background:#fff;color:#16141f}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn-wide{width:100%}.btn-lg{padding:14px 22px;border-radius:14px}.hero-banner{position:relative;overflow:hidden;background:linear-gradient(120deg,#3a3488,#4d46b8 45%,#6a5cff);border-radius:28px;padding:36px 40px;margin:18px 0 22px;min-height:240px}.hero-banner.games{background:linear-gradient(120deg,#5b2ad4,#7a3df0,#9a4dff)}.hero-kicker{display:inline-block;background:#ffffff1f;border-radius:999px;padding:4px 10px;font-size:12px;margin-bottom:12px}.hero-banner h1{font-size:clamp(28px,4vw,40px);margin:0 0 10px;max-width:620px}.hero-banner .lead{color:#ffffffd1}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-art{position:absolute;right:36px;top:50%;transform:translateY(-50%);width:220px;height:180px}.chip-cloud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.float-chip{position:absolute;border-radius:16px;padding:10px 14px;font-weight:700;font-size:13px;box-shadow:0 10px 30px #00000040}.gem-hero{position:absolute;right:72px;top:50%;transform:translateY(-50%);width:92px;height:92px;filter:drop-shadow(0 12px 30px rgba(0,0,0,.35))}.home-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;margin-bottom:16px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.panel h2,.panel h3{margin:0 0 8px}.checks{list-style:none;padding:0;margin:18px 0 0;color:var(--muted)}.checks li{display:flex;gap:8px;margin-bottom:8px}.checks li:before{content:"✓";color:var(--ok)}.tabs{display:flex;gap:6px;background:#101218;border-radius:999px;padding:4px;margin-bottom:18px;width:fit-content}.tabs button{background:transparent;border:0;color:var(--muted);padding:8px 16px;border-radius:999px;cursor:pointer}.tabs button.on{background:#1c1f2e;color:var(--text)}.field{display:grid;gap:6px;margin-bottom:12px;color:var(--muted);font-size:13px}.field input,.field select,.search,.field textarea{width:100%;background:#0d0f16;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:12px 14px;outline:none}.qty-row{display:flex;align-items:center;gap:8px;background:#0d0f16;border:1px solid var(--line);border-radius:12px;padding:4px 10px}.qty-row input{border:0;background:transparent;padding:10px 0}.qty-eq{color:var(--muted);white-space:nowrap}.packs,.plans{display:flex;flex-wrap:wrap;gap:8px}.packs button,.plans button,.amount-pills button{background:#101218;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:8px 12px;cursor:pointer}.packs button.on,.plans button.on,.amount-pills button.on{border-color:var(--accent);background:#7c6bff33}.price-row{display:flex;justify-content:space-between;align-items:baseline;margin:16px 0 12px}.price{font-size:28px;font-weight:800}.hint{color:var(--muted);font-size:12px;margin-top:10px}.muted{color:var(--muted)}.error{color:var(--danger);font-size:13px;margin-top:8px}.ok{color:var(--ok);font-size:13px;margin-top:8px}.cat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.cat-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px}.cat-card .ico{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#22243a;margin-bottom:12px;font-size:16px}.cat-card h3{margin:0 0 6px;font-size:16px}.cat-card p{margin:0 0 12px;color:var(--muted);font-size:13px}.cat-card .more{color:var(--accent-2);font-size:13px;font-weight:600}.banner-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px 18px;margin-bottom:12px}.banner-row h3{margin:0 0 4px;font-size:16px}.banner-row p{margin:0;color:var(--muted);font-size:13px}.faq-box{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:22px}.faq-box h2{margin:0 0 12px}.faq-box details{border-bottom:1px solid var(--line);padding:12px 0}.faq-box details:last-child{border-bottom:0}.faq-box summary{cursor:pointer;font-weight:600}.faq-box p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.5}.steps{display:grid;gap:10px}.step{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;background:#12141c;border-radius:14px;padding:12px 14px}.num{width:28px;height:28px;border-radius:50%;background:var(--accent);display:grid;place-items:center;font-size:13px;font-weight:700}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.chip{border:0;background:#171922;color:var(--muted);border-radius:999px;padding:8px 14px;cursor:pointer;font-size:13px}.chip.on{background:var(--accent);color:#fff}.search-row{display:flex;gap:8px;margin:0 0 20px;flex-wrap:wrap}.search{flex:1;min-width:220px}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.catalog-card{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;min-height:210px;display:flex;flex-direction:column}.catalog-cover{position:relative;height:118px;display:grid;place-items:center;font-weight:800;font-size:28px;letter-spacing:-.03em}.cover-tag{position:absolute;top:10px;left:10px;background:#00000059;color:#fff;font-size:11px;font-weight:600;border-radius:999px;padding:4px 8px}.cover-brand{padding:0 12px;text-align:center}.catalog-card .body{padding:14px;display:grid;gap:8px;flex:1}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-flex;font-size:11px;background:#101218;border-radius:999px;padding:3px 8px;color:var(--muted)}.catalog-card h3{margin:0;font-size:14px}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.go{width:32px;height:32px;border-radius:50%;background:#2a2158;display:grid;place-items:center;color:#d8d1ff}.product-hero{border-radius:22px;padding:22px 24px;margin-bottom:16px;display:flex;gap:16px;align-items:center}.product-mark{width:72px;height:72px;border-radius:18px;display:grid;place-items:center;font-weight:800;background:#0003}.product-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;align-items:start}.sku-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.sku-card{background:#12141c;border:1px solid var(--line);border-radius:16px;padding:14px 10px;text-align:center;cursor:pointer}.sku-card.on{border-color:var(--accent);background:#231b4a}.sku-card .name{font-weight:800;margin:6px 0 4px}.sku-card .sub{color:var(--muted);font-size:12px}.profile-grid{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}.profile-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.stat{background:var(--card);border-radius:16px;padding:12px;text-align:center}.stat b{display:block;font-size:18px}.stat span{color:var(--muted);font-size:12px}.empty{border:1px dashed var(--line);border-radius:18px;padding:36px 16px;text-align:center}.order-list{display:grid;gap:10px}.order{background:#12141c;border-radius:14px;padding:14px 16px;display:flex;justify-content:space-between;gap:12px}.badge{font-size:12px;color:var(--accent-2)}.badge.ok{color:var(--ok)}.badge.warn{color:var(--yellow)}.pin-box{font-family:ui-monospace,Consolas,monospace;background:#0d0f16;border-radius:10px;padding:12px;margin:12px 0;word-break:break-all}.footer{border-top:1px solid var(--line);margin-top:24px;padding:28px 0 calc(28px + var(--safe-bottom));color:var(--muted);font-size:13px}.footer-top{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:24px}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.center{text-align:center}.mt{margin-top:16px}.hero-search{display:flex;gap:8px;align-items:center;max-width:560px;background:#fff;border-radius:999px;padding:4px 4px 4px 16px;margin:8px 0 12px}.hero-search input{flex:1;border:0;background:transparent;color:#111;outline:none;padding:10px 0}.quick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#fffc;font-size:13px}.quick .chip{background:#ffffff1f;color:#fff}.popular-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.game-tile{background:#12141c;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.game-cover{position:relative;min-height:92px;padding:16px;display:flex;align-items:flex-end}.game-cover strong{font-size:18px}.game-body{padding:12px 14px;display:flex;justify-content:space-between;gap:8px;align-items:end}.hot{position:absolute;top:10px;right:10px;background:var(--yellow);color:#111;font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px}.show-more{text-align:center;margin-top:18px}.balance-card{background:linear-gradient(160deg,#3a3488,#231b4a);border-radius:20px;padding:18px;margin-bottom:12px}.popular-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.related{display:flex;gap:10px;align-items:center;background:#12141c;border-radius:14px;padding:10px 12px}.dot{width:36px;height:36px;border-radius:10px;flex:none}.amount-pills{display:flex;flex-wrap:wrap;gap:8px}@media (max-width: 960px){.popular-grid,.popular-row{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.popular-grid,.popular-row{grid-template-columns:1fr}}.admin-table{display:grid;gap:10px;margin-top:12px}.admin-row{display:grid;grid-template-columns:1fr 120px auto;gap:12px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px}.admin-markup{display:grid;gap:4px;color:var(--muted);font-size:12px}.admin-markup input{width:100%;background:#0d0f16;border:1px solid var(--line);border-radius:10px;padding:8px 10px}html.tma body{padding-bottom:calc(12px + var(--safe-bottom))}@media (max-width: 960px){.home-grid,.product-layout,.profile-grid,.cat-row,.catalog-grid,.sku-grid{grid-template-columns:1fr 1fr}.hero-art,.gem-hero,.chip-cloud{display:none}.hero-banner{padding:24px}}@media (max-width: 640px){.home-grid,.product-layout,.profile-grid,.cat-row,.catalog-grid,.sku-grid,.stats{grid-template-columns:1fr}.nav-pill{width:100%}.packs{display:grid;grid-template-columns:repeat(3,1fr)}.admin-row{grid-template-columns:1fr}}