:root{color-scheme:dark;--bg:#050505;--panel:#0d0d0c;--gold:#e7b950;--gold2:#ffd986;--ivory:#fff8e9;--muted:#9c978d;--line:rgba(231,185,80,.22)}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,#24190b 0,transparent 32rem),var(--bg);color:var(--ivory);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.shell{width:min(1120px,calc(100% - 32px));margin-inline:auto}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:16px;z-index:100;padding:10px 14px;border-radius:10px;background:var(--ivory);color:var(--bg);font-weight:800;text-decoration:none;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:sticky;top:0;z-index:30;height:70px;padding-inline:max(16px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.055);background:rgba(5,5,5,.82);backdrop-filter:blur(22px) saturate(1.2)}.site-header:after{content:"";position:absolute;inset:0 28% 0 42%;z-index:-1;opacity:.12;background:radial-gradient(ellipse,var(--gold) 0 11%,transparent 13%) 0 0/24px 18px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none}.brand-sign{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:13px;background:linear-gradient(145deg,rgba(231,185,80,.1),transparent);color:var(--gold2);font:800 1.35rem/1 Georgia,serif;box-shadow:inset 0 0 24px rgba(231,185,80,.07),0 0 24px rgba(231,185,80,.05)}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:1.08rem;line-height:1;letter-spacing:-.035em}.brand-copy small{color:#bda166;font-size:.46rem;font-weight:800;letter-spacing:.22em}.menu-button{width:42px;height:42px;padding:10px;display:grid;align-content:center;gap:5px;border:1px solid rgba(231,185,80,.2);border-radius:13px;background:rgba(231,185,80,.035);color:var(--gold2);cursor:pointer}.menu-button span{display:block;width:20px;height:1.5px;margin-inline:auto;border-radius:4px;background:currentColor}
.catalog-search{height:52px;margin-top:14px;padding:0 17px;display:flex;align-items:center;gap:12px;border:1px solid rgba(231,185,80,.42);border-radius:16px;background:rgba(8,8,7,.92);color:var(--gold2);box-shadow:inset 0 1px rgba(255,255,255,.025)}.search-icon{position:relative;flex:0 0 18px;width:18px;height:18px;border:2px solid currentColor;border-radius:50%}.search-icon:after{content:"";position:absolute;right:-6px;bottom:-3px;width:8px;height:2px;border-radius:3px;background:currentColor;transform:rotate(46deg)}.catalog-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ivory);font:inherit;font-size:1rem}.catalog-search input::placeholder{color:#827e77}.catalog-search:focus-within{border-color:var(--gold2);box-shadow:0 0 0 3px rgba(231,185,80,.11),0 0 30px rgba(231,185,80,.06)}
.hero{position:relative;height:clamp(310px,42vw,470px);margin-top:12px;overflow:hidden;border:1px solid rgba(231,185,80,.34);border-radius:24px;background:#090806;box-shadow:0 24px 80px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.04)}.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%;filter:saturate(.88) contrast(1.04);transform:scale(1.006)}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,3,.97),rgba(3,3,3,.82) 30%,rgba(3,3,3,.1) 72%),linear-gradient(0deg,rgba(3,3,3,.55),transparent 42%)}.hero-copy{position:relative;z-index:2;width:min(52%,560px);height:100%;padding:clamp(30px,5vw,64px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero-chip{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--gold2);font-size:.68rem;font-weight:850;letter-spacing:.17em}.hero-chip i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold)}.hero h1{margin:0;font:900 clamp(2.25rem,5.6vw,4.8rem)/.88 "Arial Narrow",Impact,sans-serif;letter-spacing:-.055em;text-transform:uppercase}.hero h1 span{color:var(--gold2);background:linear-gradient(180deg,#ffe29d,#d69827);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{max-width:420px;margin:18px 0 0;color:#c8c1b6;font-size:clamp(.92rem,1.7vw,1.08rem)}.hero-action{margin-top:24px;padding:12px 16px;display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(255,218,133,.38);border-radius:13px;background:linear-gradient(135deg,rgba(231,185,80,.2),rgba(231,185,80,.06));color:#fff4d8;font-size:.86rem;font-weight:800;text-decoration:none}
.catalog{padding:42px 0 80px}.section-heading{margin-bottom:18px;display:flex;align-items:end;justify-content:space-between;gap:20px}.catalog-kicker,.eyebrow{margin:0 0 7px;color:var(--gold2);font-size:.7rem;font-weight:850;letter-spacing:.22em}.section-heading h2{margin:0;font:900 clamp(1.9rem,4.2vw,3.2rem)/.98 "Arial Narrow",Impact,sans-serif;letter-spacing:-.045em;text-transform:uppercase}.catalog-all{padding-bottom:4px;color:#95918a;font-size:.9rem;white-space:nowrap}.catalog-all span{margin-left:4px;color:var(--gold2);font-size:1.35rem}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.catalog-card{--accent:231,185,80;position:relative;isolation:isolate;aspect-ratio:1.38/1;overflow:hidden;padding:16px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(145deg,rgba(var(--accent),.16),#10100f 45%,#080808);color:var(--ivory);text-decoration:none;box-shadow:inset 0 1px rgba(255,255,255,.04),0 16px 45px rgba(0,0,0,.22);transition:transform .22s,border-color .22s,box-shadow .22s}.catalog-card:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.25;background:radial-gradient(ellipse at 82% 14%,transparent 0 5px,rgba(231,185,80,.22) 6px 7px,transparent 8px) 0 0/42px 36px;mask-image:linear-gradient(135deg,transparent 24%,#000)}.catalog-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,transparent 40%,rgba(var(--accent),.08) 70%,transparent),linear-gradient(0deg,rgba(0,0,0,.44),transparent 55%)}.card-aura{position:absolute;top:-48%;right:-28%;z-index:-1;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent),.42),transparent 65%);filter:blur(12px)}.platform-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(0,0,0,.42);box-shadow:inset 0 1px rgba(255,255,255,.07),0 12px 30px rgba(0,0,0,.28)}.platform-mark img{width:31px;height:31px;object-fit:contain}.platform-mark b{color:var(--gold2);font-size:1.15rem;font-weight:900;letter-spacing:-.06em}.card-bottom{display:flex;align-items:end;justify-content:space-between;gap:8px}.card-title{display:block;color:#fff;font-size:1rem;font-weight:820;line-height:1.08;letter-spacing:-.025em}.card-bottom small{display:block;margin-top:5px;color:#77736d;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.card-arrow{color:#aaa69f;font-size:1.6rem;line-height:.72}.status-dot{position:absolute;top:14px;right:14px;width:6px;height:6px;border-radius:50%;background:#5d5952}.status-pill{position:absolute;top:10px;right:10px;padding:4px 8px;border:1px solid rgba(255,219,134,.55);border-radius:999px;background:rgba(4,4,4,.82);color:#ffe29d;font-size:.68rem;font-weight:850}.catalog-card[data-active=true]{border-color:var(--gold2);box-shadow:0 0 0 1px rgba(255,218,133,.28),0 0 28px rgba(217,154,38,.22),inset 0 1px rgba(255,255,255,.07)}.catalog-card[data-active=true] .card-bottom small{color:#d4ad5a}.catalog-card[data-entity=steam]{--accent:47,111,161}.catalog-card[data-entity=tiktok]{--accent:36,224,218}.catalog-card[data-entity=dota-2]{--accent:190,45,43}.catalog-card[data-entity=roblox]{--accent:179,47,42}.catalog-card[data-entity=rockstar-games]{--accent:235,170,38}.catalog-card[data-entity=netflix]{--accent:229,9,20}.catalog-card[data-entity=apple]{--accent:210,215,224}.catalog-card[data-entity=vk]{--accent:0,119,255}.catalog-card[data-entity=other-apps]{--accent:76,160,220}
.detail{padding:28px 0 80px}.breadcrumbs{min-height:24px;display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:.875rem}.breadcrumbs a{text-decoration:none}.breadcrumbs span:before{content:"/";margin-right:8px;color:#5f594f}.detail-head{padding:46px 0 26px;border-bottom:1px solid rgba(255,255,255,.07)}.detail-head h1{margin:0;font:900 clamp(2.65rem,11vw,5.2rem)/.9 "Arial Narrow",Impact,sans-serif;letter-spacing:-.05em;text-transform:uppercase}.detail-sub{margin:14px 0 0;color:var(--muted)}.option-list{display:grid;gap:12px;margin-top:26px}.option-card,.product-card{width:100%;min-height:112px;padding:19px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:14px;border:1px solid var(--gold);border-radius:20px;background:linear-gradient(120deg,rgba(231,185,80,.15),rgba(231,185,80,.035));color:var(--ivory);text-decoration:none}.option-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--gold);color:#171006;font-weight:900}.option-label{font-size:1.12rem;font-weight:800}.option-meta{display:block;margin-top:4px;color:var(--muted);font-size:.78rem}.selected{display:flex;align-items:center;gap:6px;color:var(--gold2);font-size:.8rem;font-weight:800}.check{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#171006;font-size:.75rem}.product-panel{margin-top:26px;max-width:680px;padding:28px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(145deg,rgba(231,185,80,.08),var(--panel) 34%)}.product-panel h2{margin:0;font:900 2.2rem/.95 "Arial Narrow",Impact,sans-serif;text-transform:uppercase}.product-meta{margin:10px 0 24px;color:var(--muted)}.feature-row{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid rgba(255,255,255,.07)}.feature-dot{color:var(--gold2)}.cta{width:100%;min-height:56px;margin-top:24px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:17px;background:linear-gradient(135deg,#f2c969,#c98b25);color:#181006;font:inherit;font-weight:850;text-decoration:none}.cta:disabled{background:#302b22;color:#918778}.link-note{margin:10px 0 0;color:var(--muted);text-align:center;font-size:.8rem}.back-link{display:inline-flex;margin-top:26px;color:var(--gold2);text-decoration:none}.catalog-card:focus-visible,.option-card:focus-visible,.product-card:focus-visible,.cta:focus-visible,.back-link:focus-visible{outline:3px solid #fff0c2;outline-offset:3px}
@media(hover:hover){.catalog-card[data-active=true]:hover,.option-card:hover,.product-card:hover{transform:translateY(-4px)}}@media(max-width:620px){.shell{width:min(100% - 24px,1120px)}.site-header{height:64px;padding-inline:12px}.brand-sign{width:36px;height:36px}.brand-copy strong{font-size:1rem}.brand-copy small{font-size:.42rem}.menu-button{width:38px;height:38px}.catalog-search{height:48px;margin-top:10px;padding-inline:14px}.catalog-search input{font-size:.9rem}.hero{height:302px;margin-top:10px;border-radius:18px}.hero-scene{object-position:67% 50%}.hero-vignette{background:linear-gradient(90deg,rgba(3,3,3,.94),rgba(3,3,3,.64) 48%,rgba(3,3,3,.04) 82%),linear-gradient(0deg,rgba(3,3,3,.72),transparent 56%)}.hero-copy{width:72%;padding:22px 18px;justify-content:flex-end}.hero-chip{margin-bottom:10px;font-size:.58rem}.hero h1{font-size:clamp(2rem,10.4vw,2.7rem)}.hero p{margin-top:11px;max-width:270px;font-size:.78rem;line-height:1.35}.hero-action{margin-top:14px;padding:9px 12px;font-size:.76rem}.catalog{padding-top:27px}.section-heading{align-items:center;margin-bottom:14px}.section-heading h2{font-size:1.72rem}.catalog-all{font-size:.68rem}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.catalog-card{aspect-ratio:1.22/1;padding:13px;border-radius:16px}.platform-mark{width:50px;height:50px;border-radius:15px}.platform-mark img{width:28px;height:28px}.card-title{font-size:.91rem}.card-bottom small{font-size:.57rem}.option-card,.product-card{grid-template-columns:46px minmax(0,1fr);padding:16px}.selected{grid-column:2;justify-self:start}}@media(min-width:900px){.catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
