: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;gap:14px;flex-wrap:nowrap;padding:10px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em;flex:none}.gem-logo{display:block;border-radius:10px;object-fit:cover;max-width:none}.brand-name{font-size:16px;white-space:nowrap}.brand-name span{color:#b8b3d9;font-weight:600}.header-tools{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}.menu-wrap{display:none;position:relative;flex:none}.menu-btn{display:inline-flex;align-items:center;gap:6px;background:#1c2030;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:700;font-size:14px;cursor:pointer}.menu-btn.on{background:#2a3148}.menu-btn .chev{font-size:11px;color:var(--muted);transition:transform .15s ease}.menu-btn.on .chev{transform:rotate(180deg)}.menu-drop{position:absolute;right:0;top:calc(100% + 8px);z-index:40;width:min(280px,calc(100vw - 32px));background:#171a27;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:8px;box-shadow:0 18px 50px #00000073}.menu-drop a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border-radius:12px;color:#d5d8e6;font-size:15px}.menu-drop a.active,.menu-drop a:hover{background:#2a3148;color:#fff}.menu-drop svg{flex:none;border-radius:7px}.nav-pill{display:flex;flex-wrap:nowrap;align-items:center;gap:2px;background:#12141c;border:1px solid var(--line);border-radius:999px;padding:4px}.nav-pill a,.nav-pill button{display:inline-flex;align-items:center;gap:6px;height:36px;border:0;background:transparent;color:var(--muted);border-radius:999px;padding:0 12px;font-size:13px;cursor:pointer;white-space:nowrap}.nav-pill svg{border-radius:6px;flex:none}.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{background:linear-gradient(120deg,#3a3488,#4d46b8 45%,#6a5cff);border-radius:28px;padding:32px 36px;margin:18px 0 22px}.home-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden}.hero-copy{position:relative;z-index:1;min-width:0;max-width:640px}.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-banner .btn{border-radius:999px}.hero-stage{position:relative;width:250px;height:230px;flex:none}.hero-float{position:absolute;z-index:2;width:64px;height:64px;border-radius:16px;overflow:hidden;line-height:0;box-shadow:0 14px 28px #00000047}.hero-float svg{display:block;width:64px;height:64px;max-width:none}.hero-float.apple{left:0;top:18px;transform:rotate(-12deg)}.hero-float.roblox{right:6px;top:8px;transform:rotate(10deg)}.hero-float.pubg{left:28px;bottom:0;transform:rotate(8deg)}.hero-float.steam{right:0;bottom:22px;transform:rotate(-8deg)}.hero-core{position:absolute;top:28px;right:36px;bottom:28px;left:36px;display:grid;place-items:center;border-radius:28px;background:#0c0a2073;box-shadow:0 16px 36px #00000040}.hero-core img{width:96px;height:96px;max-width:none;border-radius:22px;object-fit:cover}.hero-mini{display:none}.cat-mark{display:flex;align-items:center;height:40px;margin-bottom:14px}.card-pics{gap:8px}.card-pics svg,.cat-mark>svg{border-radius:10px;flex:none}.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: 1200px){.nav-pill{display:none}.menu-wrap{display:block}.header-admin{display:none}}html.tma .nav-pill{display:none}html.tma .menu-wrap{display:block}html.tma .header-admin{display:none}@media (max-width: 900px){.home-grid,.product-layout,.profile-grid,.catalog-grid,.sku-grid{grid-template-columns:1fr 1fr}.cat-row{grid-template-columns:1fr}.home-hero{display:block;padding:22px 22px 24px}.hero-stage{display:none}.hero-mini{display:block;position:absolute;right:16px;top:16px;width:72px;height:72px}.hero-mini img{width:56px;height:56px;max-width:none;border-radius:16px;object-fit:cover;box-shadow:0 10px 24px #00000047}.hero-mini svg{position:absolute;width:26px;height:26px;max-width:none;border-radius:8px;box-shadow:0 6px 14px #00000047}.hero-mini svg:nth-of-type(1){left:-6px;bottom:2px}.hero-mini svg:nth-of-type(2){right:-4px;bottom:-2px}.hero-mini svg:nth-of-type(3){right:-2px;top:-2px}.hero-copy{padding-right:78px}}@media (max-width: 640px){.home-grid,.product-layout,.profile-grid,.catalog-grid,.sku-grid,.stats{grid-template-columns:1fr}.packs{display:grid;grid-template-columns:repeat(3,1fr)}.admin-row{grid-template-columns:1fr}.page h1,.hero-banner h1{font-size:28px}.banner-row{flex-direction:column;align-items:flex-start}.hero-actions .btn{width:100%}}@media (max-width: 380px){.shell{padding:0 12px}.header-cta,.menu-btn{padding:8px 10px}}