/* SplashVPN / Secure Network Core — one visual system, adapted to the task on each page. */
.sp-brand-icon { width:36px; height:36px; display:block; flex:none; object-fit:cover; border-radius:10px; }
.sp-notification-wrap { position:relative; display:inline-flex; }
.sp-notification-button { position:relative; width:42px; height:42px; font-size:18px; }
.sp-notification-badge { position:absolute; top:-5px; right:-5px; min-width:18px; padding:0 5px; border-radius:999px; background:var(--sp-accent); color:#140d20; font-size:11px; }
.sp-notification-popover { position:absolute; top:calc(100% + 10px); right:0; z-index:80; width:min(360px,calc(100vw - 28px)); max-height:70dvh; overflow:auto; padding:18px; border:1px solid var(--sp-border); border-radius:16px; box-shadow:var(--sp-shadow); }
.sp-notification-popover h2 { margin:0 0 10px; font-size:16px; }.sp-notification-item { padding:12px 0; border-top:1px solid var(--sp-border); }.sp-notification-item :is(strong,small) { display:block; }.sp-notification-item :is(small,p) { color:var(--sp-muted); font-size:12px; }
.sp-alert-banner { position:relative; margin:18px auto; width:min(1200px,calc(100% - 36px)); padding:18px 60px 18px 20px; border:1px solid; border-radius:16px; }.sp-alert-banner p { margin:6px 0; }.sp-alert-close { position:absolute; top:8px; right:8px; }
.sp-announcement-card { padding:26px; border:1px solid var(--sp-border); border-radius:20px; background:var(--sp-surface); margin-bottom:16px; }.sp-announcement-type { color:var(--sp-accent); font-size:11px; letter-spacing:.08em; text-transform:uppercase; }.sp-announcement-card p { white-space:pre-wrap; color:var(--sp-secondary); }.sp-announcement-date { color:var(--sp-muted); font-size:12px; }
.sp-empty-state { padding:40px 20px; color:var(--sp-muted); text-align:center; }.sp-seller-footer { padding-top:16px; margin-top:16px; border-top:1px solid var(--sp-border); font-size:12px; }.sp-seller-footer a { text-decoration:underline; text-underline-offset:3px; }
.app-card { display:flex; flex-direction:column; gap:12px; }.app-icon { width:44px; height:44px; display:grid; place-items:center; border-radius:14px; }.app-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:auto; }.apps-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); }
:root {
  --sp-bg:#08070d; --sp-surface:#12101d; --sp-elevated:#1b1730;
  --sp-border:#342b50; --sp-text:#f8f6ff; --sp-secondary:#c9c2d9; --sp-muted:#aaa0bf;
  --sp-accent:#a78bfa; --sp-accent-hover:#c4b5fd; --sp-success:#8be2b6;
  --sp-warning:#f3ce8b; --sp-danger:#ffa4ae;
  --sp-r-sm:12px; --sp-r:18px; --sp-r-lg:28px;
  --sp-shadow:0 24px 80px #0006, inset 0 1px #ffffff08;
  --sp-s1:4px; --sp-s2:8px; --sp-s3:12px; --sp-s4:16px; --sp-s5:24px; --sp-s6:32px; --sp-s7:48px; --sp-s8:72px;
  --sp-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --m-d1:90ms; --m-d2:150ms; --m-d3:200ms; --m-d4:320ms; --m-d5:480ms;
  --m-ease-out:cubic-bezier(.22,1,.36,1); --m-ease-in:cubic-bezier(.55,0,1,.45); --m-ease-in-out:cubic-bezier(.65,0,.35,1);
  --m-loop-shimmer:1200ms; --m-loop-core:32s;
  --sp-fast:var(--m-d2); --sp-medium:var(--m-d3); --sp-slow:var(--m-d4); --sp-ease:var(--m-ease-out);
}
html:has(.sp-product) { color-scheme:dark; background:var(--sp-bg); scroll-padding-top:100px; }
body.sp-product {
  --bg:var(--sp-bg); --panel:var(--sp-surface); --panel2:var(--sp-elevated); --card:var(--sp-surface); --card2:var(--sp-elevated);
  --line:var(--sp-border); --text:var(--sp-text); --muted:var(--sp-muted); --accent:var(--sp-accent); --purple:var(--sp-accent); --purple2:#6d5ce7;
  --good:var(--sp-success); --bad:var(--sp-danger); --warn:var(--sp-warning);
  margin:0; min-height:100svh; color:var(--sp-text); background:var(--sp-bg); font:15px/1.65 var(--sp-font); -webkit-font-smoothing:antialiased; isolation:isolate;
}
.sp-product *, .sp-product *::before, .sp-product *::after { box-sizing:border-box; }
.sp-product [hidden] { display:none!important; }
.sp-product a { color:inherit; text-decoration:none; }
.sp-product img { max-width:100%; }
.sp-product :is(h1,h2,h3,p,small,strong,td,dd) { overflow-wrap:anywhere; }
.sp-product h1,.sp-product h2,.sp-product h3 { font-weight:630; letter-spacing:-.04em; text-wrap:balance; color:var(--sp-text); }
.sp-product h1 { line-height:1.08; } .sp-product h2 { line-height:1.2; }
.sp-product :is(button,input,select,textarea) { font-family:var(--sp-font); }
.sp-product :is(button,a,input,summary,select,textarea):focus-visible { outline:2px solid var(--sp-accent); outline-offset:4px; }
.sp-product :is(button,.cta,.btn-simple,.button,.sp-button) { transition:background var(--sp-fast),border-color var(--sp-fast),transform var(--sp-fast) var(--sp-ease),box-shadow var(--sp-fast); }
.sp-product :is(button,.cta,.btn-simple,.button,.sp-button):active:not(:disabled) { transform:translateY(1px) scale(.985); }
.sp-product :is(button,.cta,.btn-simple,.button,.sp-button) { min-height:46px; border-radius:var(--sp-r-sm); cursor:pointer; }
.sp-product :is(.cta,.btn-simple,.button,.sp-button) { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:12px 20px; font-size:14px; font-weight:650; line-height:1.4; text-align:center; }
.sp-product :is(.cta:not(.ghost):not(.danger),.btn-simple.primary,.button.primary,.sp-button.primary,button.primary) { background:var(--sp-accent); color:#140d20; border:1px solid transparent; box-shadow:0 5px 24px #9d70ff30; }
.sp-product :is(.cta:not(.ghost):not(.danger),.btn-simple.primary,.button.primary,.sp-button.primary,button.primary):hover { background:var(--sp-accent-hover); }
.sp-product :is(.cta.ghost,.btn-simple.ghost,.button.secondary,.sp-button.secondary,button) { background:var(--sp-elevated); border:1px solid var(--sp-border); color:var(--sp-text); }
.sp-product button:hover:not(:disabled),.sp-product .sp-button.secondary:hover { border-color:#7961a8; }
.sp-product :is(button:disabled,[aria-disabled="true"]) { opacity:.48; cursor:not-allowed; }
.sp-product :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]),textarea,select) { width:100%; min-width:0; max-width:100%; padding:12px 14px; min-height:46px; border:1px solid var(--sp-border); border-radius:var(--sp-r-sm); background:#100b1d; color:var(--sp-text); font-size:16px; }
.sp-product input[type="checkbox"],.sp-product input[type="radio"] { width:18px; height:18px; accent-color:var(--sp-accent); flex:none; }
.sp-product label { color:var(--sp-secondary); }
.sp-product :is(.muted,.subtitle,.eyebrow,.sp-muted) { color:var(--sp-muted); }
.sp-product :is(.card,.panel,.product,.platform-card,.section,.ticket-pane,.conversation-pane,.chat,.user-panel,.table-wrap) { background:var(--sp-surface); border:1px solid var(--sp-border); border-radius:var(--sp-r); box-shadow:var(--sp-shadow); min-width:0; }
.sp-product :is(.card,.panel,.section) { padding:28px; }
.sp-product :is(.badge,.status-pill,.status-badge,.status) { border-radius:999px; padding:4px 10px; font-size:12px; font-weight:600; }
.sp-product :is(.badge.ok,.status.good,.status-pill.ok) { background:#153026; color:var(--sp-success); border-color:#315745; }
.sp-product :is(.badge.bad,.status.bad,.status-pill.bad) { background:#321f27; color:var(--sp-danger); border-color:#604049; }
.sp-product :is(.badge.wait,.status-pill.wait) { background:#332c1e; color:var(--sp-warning); border-color:#645334; }
.sp-product .sp-danger-action,.sp-product .cta.danger { color:var(--sp-danger)!important; background:#321f27!important; border:1px solid #68444d!important; }
.sp-product .sp-actions,.sp-product .row-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px; }
.sp-product .sp-actions { margin-top:24px; }
.sp-product .sp-kicker { display:block; color:var(--sp-accent); font-size:11px; font-weight:650; letter-spacing:.14em; text-transform:uppercase; }

/* Quiet product atmosphere. The full network scene is loaded only on home and hub. */
.sp-atmosphere { position:fixed; inset:0; overflow:hidden; pointer-events:none; z-index:-1; background:radial-gradient(ellipse at 50% -20%,#21153b 0,transparent 48%),linear-gradient(180deg,#0b0912 0%,#08070d 70%); }
.sp-atmosphere * { pointer-events:none; }
.sp-light { position:absolute; width:900px; height:900px; border-radius:50%; background:radial-gradient(ellipse,#7955e72e,transparent 67%); animation:sp-drift 24s ease-in-out infinite alternate; }
.sp-light-a { top:-520px; right:-250px; }
.sp-light-b { background:radial-gradient(ellipse,#3159b824,transparent 67%); left:-620px; top:34%; animation-delay:-13s; animation-duration:32s; }
.sp-contours { position:absolute; width:1100px; height:1100px; right:-500px; top:-430px; transform:rotate(-25deg); animation:sp-tide 30s ease-in-out infinite alternate; }
.sp-contours i { position:absolute; inset:0; border:1px solid #c6a9ff0d; border-radius:42% 58% 44% 56%; transform:scaleY(.64); }
.sp-contours i:nth-child(2){inset:50px}.sp-contours i:nth-child(3){inset:100px}.sp-contours i:nth-child(4){inset:150px}.sp-contours i:nth-child(5){inset:200px}.sp-contours i:nth-child(6){inset:250px}
.sp-grain { position:absolute; inset:0; opacity:.06; background-image:radial-gradient(#d8d2e733 .6px,transparent .6px); background-size:7px 7px; mask-image:linear-gradient(#000,transparent 75%); }
[data-zone="account"] .sp-atmosphere,[data-zone="admin"] .sp-atmosphere { opacity:.38; }
.sp-scene-particles { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:.9; mix-blend-mode:screen; }
.sp-network > .sp-core,.sp-network > .sp-orbit,.sp-network > .sp-network-label { z-index:1; }
.sp-network > .sp-network-caption { z-index:2; }
.sp-reveal { --reveal-delay:0ms; }
.sp-reveal-ready.sp-visible { transition-delay:var(--reveal-delay); }
.sp-product :is(.card,.product,.sp-feature,.sp-tariff,.sp-client-card,.sp-support-shortcuts a) { transition:transform var(--m-d2) var(--m-ease-out),border-color var(--m-d2),box-shadow var(--m-d2); }
@media (hover:hover) and (pointer:fine) { .sp-product :is(.sp-feature,.sp-tariff,.sp-client-card,.sp-support-shortcuts a):hover { transform:translateY(-2px); border-color:#8068b8; box-shadow:0 26px 70px #0007,inset 0 1px #ffffff0c; } }
[data-zone="legal"] .sp-contours { right:-850px; top:0; } [data-zone="support"] .sp-light-a { right:30%; }
.sp-paused .sp-atmosphere * { animation-play-state:paused; }
@keyframes sp-drift { to { transform:translate3d(-80px,90px,0) scale(1.1); opacity:.6; } }
@keyframes sp-tide { to { transform:translate3d(-35px,45px,0) rotate(-14deg); } }
@keyframes sp-arrive { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:none; } }
@keyframes sp-signal { 0%,100% { opacity:.45; } 50% { opacity:1; } }
.sp-skip { position:fixed; top:10px; left:10px; z-index:200; padding:12px 20px; background:var(--sp-accent); color:#140d20!important; border-radius:10px; transform:translateY(-160%); }
.sp-skip:focus { transform:none; }
.sp-reveal-ready { opacity:0; transform:translateY(18px); transition:opacity var(--sp-slow) var(--sp-ease),transform var(--sp-slow) var(--sp-ease); }
.sp-reveal-ready.sp-visible { opacity:1; transform:none; }

/* Header and editorial public layout. */
.sp-product :is(.wrap-simple,.sp-wrap) { width:min(1200px,calc(100% - 64px)); margin-inline:auto; }
.sp-product :is(.header-simple,.site-header) { background:#100b1bed; border-bottom:1px solid #ffffff0d; backdrop-filter:blur(12px); }
.sp-product .header-inner-simple { min-height:76px; height:auto; gap:18px; }
.sp-product :is(.brand-simple,.brand) { letter-spacing:-.045em; font-size:18px; font-weight:720; white-space:nowrap; }
.sp-product .logo-simple { background:#24183d; box-shadow:none; }
.sp-product .nav-simple { gap:2px; }
.sp-product .nav-simple a { font-size:12px; padding:10px; color:var(--sp-secondary); }
.sp-product :is(.nav-simple,.site-nav) a[aria-current="page"] { color:var(--sp-accent); }
.sp-product .header-cta-simple,.sp-product .account-link { background:var(--sp-accent); color:#10241b!important; border-radius:var(--sp-r-sm); font-size:13px; }
.sp-menu-toggle { display:none; }
.sp-product :is(.page-hero-simple,.hero-simple) { border:0; background:none; box-shadow:none; }
.sp-product .page-hero-simple { padding:72px 0 36px; }
.sp-product .page-hero-simple h1 { font-size:clamp(36px,5vw,64px); max-width:900px; }
.sp-product :is(.simple-section,.sp-section) { padding:64px 0; }
.sp-product .section-head-simple h2 { font-size:clamp(28px,3.5vw,44px); }
.sp-product :is(.steps-simple article,.server-grid-simple article,.faq-card-simple,.sp-tariff) { border:1px solid var(--sp-border); border-radius:var(--sp-r); background:var(--sp-surface); padding:26px; box-shadow:var(--sp-shadow); }
.sp-product :is(.footer-simple,.seller-footer) { border-top:1px solid var(--sp-border); background:#0e0918; color:var(--sp-muted); margin-top:48px; padding-bottom:env(safe-area-inset-bottom); }
.sp-product :is(.footer-links-simple,.seller-footer-links) a { padding:6px 0; }
.sp-product .sp-notification-button { background:var(--sp-elevated); border-color:var(--sp-border); color:var(--sp-accent); }
.sp-product .sp-notification-popover { background:var(--sp-elevated); border-color:var(--sp-border); }
.sp-product .sp-notification-wrap { flex:none; }
.sp-product .sp-alert-banner { color:var(--sp-warning); background:#29271d; border-color:#574e32; }

/* Signature hero: a visual illustration, never a fabricated live status. */
.sp-hero { display:grid; grid-template-columns:1.12fr 1fr; align-items:center; gap:60px; min-height:640px; padding:70px 0; }
.sp-hero h1 { font-size:clamp(46px,5.8vw,80px); line-height:1.04; margin:24px 0; letter-spacing:-.065em; }
.sp-hero h1 em { font-style:normal; color:var(--sp-accent); }
.sp-hero-copy > p { max-width:440px; color:var(--sp-secondary); font-size:17px; line-height:1.8; }
.sp-hero-note { margin-top:24px; display:flex; flex-wrap:wrap; gap:8px 18px; color:var(--sp-muted); font-size:12px; }
.sp-network { position:relative; aspect-ratio:1; min-width:0; display:grid; place-items:center; isolation:isolate; }
.sp-network { overflow:clip; }
.sp-network::before { content:""; position:absolute; inset:12%; border-radius:50%; background:radial-gradient(circle,#8b5cf633 0,transparent 62%); filter:blur(24px); }
.sp-network::after { content:""; position:absolute; inset:4%; border:1px solid #a78bfa1a; border-radius:50%; transform:rotateX(68deg) rotateZ(-18deg); box-shadow:0 0 80px #6846c21c,inset 0 0 45px #a78bfa12; }
.sp-orbit { position:absolute; inset:8%; border:1px solid #b99aff42; border-radius:50%; transform:rotate(-28deg) scaleY(.72); box-shadow:0 0 28px #8b5cf414; }
.sp-orbit:nth-child(2) { inset:0; transform:rotate(36deg) scaleY(.72); border-color:#b99aff24; }
.sp-orbit:nth-child(3) { inset:19%; transform:rotate(22deg) scaleY(.72); border-color:#38bdf833; }
.sp-orbit::after { content:""; position:absolute; width:7px; height:7px; top:50%; left:-4px; border-radius:50%; background:var(--sp-accent); box-shadow:0 0 18px #b99affcc; animation:sp-signal 4s ease-in-out infinite; }
.sp-orbit:nth-child(2)::after { left:auto; right:18px; top:25%; animation-delay:-2s; }
.sp-core { display:grid; place-items:center; width:172px; height:172px; background:radial-gradient(circle at 35% 25%,#6d4ab0,#251743 48%,#100d1d 100%); border:1px solid #c4b5fd88; border-radius:50%; box-shadow:0 0 0 12px #8b5cf60b,0 35px 110px #000a,0 0 70px #8b5cf64d,inset 0 1px #fff5; transform:rotate(-8deg); }
.sp-core::before { content:""; position:absolute; width:110px; height:42px; border:1px solid #c4b5fd80; border-radius:50%; transform:rotate(-22deg); box-shadow:0 0 24px #a78bfa44; }
.sp-core::after { content:""; position:absolute; width:46px; height:46px; border:1px solid #38bdf866; border-radius:50%; box-shadow:0 0 28px #38bdf844; }
.sp-core svg { width:65px; height:65px; color:var(--sp-accent); transform:rotate(8deg); }
.sp-network-label { position:absolute; padding:12px 16px; border:1px solid #ffffff14; border-radius:14px; background:#151126df; font-size:12px; box-shadow:var(--sp-shadow); backdrop-filter:blur(10px); }
.sp-network-label small { display:block; color:var(--sp-muted); font-size:10px; letter-spacing:.06em; text-transform:uppercase; }
.sp-network-label.one { top:16%; right:0; }.sp-network-label.two { bottom:14%; left:0; }
.sp-network-caption { position:absolute; bottom:0; color:var(--sp-muted); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.sp-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:28px; }
.sp-section-head h2 { font-size:clamp(30px,3.3vw,46px); max-width:640px; margin:12px 0 0; }
.sp-section-head p { max-width:310px; margin:0; color:var(--sp-muted); }
.sp-feature-grid { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:16px; }
.sp-feature { padding:32px; border-radius:var(--sp-r); border:1px solid var(--sp-border); background:var(--sp-surface); }
.sp-feature:first-child { background:linear-gradient(140deg,#2a1a48,#111021); }
.sp-feature h3 { font-size:22px; margin:32px 0 12px; }.sp-feature p { color:var(--sp-secondary); margin:0; }
.sp-feature-index { font:12px ui-monospace,monospace; color:var(--sp-accent); padding-bottom:16px; border-bottom:1px solid #ffffff17; display:block; }
.sp-product .sp-tariff-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:16px; }
.sp-product .sp-tariff { display:flex; flex-direction:column; gap:12px; padding:32px; }
.sp-product .sp-tariff strong { font-size:19px; font-weight:550; }.sp-product .sp-tariff b { font-size:36px; font-weight:620; color:var(--sp-text); letter-spacing:-.05em; }
.sp-product .sp-tariff small { font-size:14px; color:var(--sp-secondary); }.sp-product .sp-tariff .sp-button { margin-top:16px; }
.sp-setup-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; counter-reset:setup; }
.sp-setup { border-top:1px solid var(--sp-border); padding-top:24px; }.sp-setup::before { counter-increment:setup; content:"0" counter(setup); color:var(--sp-accent); font:12px ui-monospace,monospace; }
.sp-setup h3 { font-size:22px; margin:20px 0 8px; }.sp-setup p { color:var(--sp-muted); }
.sp-closing { display:flex; align-items:center; justify-content:space-between; gap:32px; padding:44px; background:linear-gradient(110deg,#2a1948,#111021); border:1px solid #503d78; border-radius:var(--sp-r-lg); margin:48px 0 80px; }
.sp-closing h2 { font-size:36px; margin:8px 0; }

/* Auth, cabinet, device cards and checkout. */
.sp-product[data-zone="auth"],.sp-product[data-zone="admin-auth"] { display:grid; place-items:center; padding:64px 24px; min-height:100svh; }
.sp-product[data-zone="auth"] .card,.sp-product[data-zone="admin-auth"] .card { width:min(100%,480px); max-width:480px; margin:0; padding:44px; text-align:left; background:#151027ef; border-color:#443565; }
.sp-product[data-zone="auth"] .card::before,.sp-product[data-zone="admin-auth"] .card::before { content:"SPLASHVPN / АККАУНТ"; display:block; color:var(--sp-accent); font-size:10px; letter-spacing:.15em; margin-bottom:40px; }
.sp-product[data-zone="auth"] .card h1 { font-size:36px; }.sp-product[data-zone="auth"] .cta { width:100%; }
.auth-mark { width:52px; height:52px; display:grid; place-items:center; margin-bottom:22px; border:1px solid #b9a5ff66; border-radius:16px; background:radial-gradient(circle,#6d4ab0,#211737); color:var(--sp-accent); font-size:30px; box-shadow:0 0 36px #8b5cf633; }.auth-methods { display:flex; gap:4px; padding:4px; margin:28px 0 22px; border:1px solid var(--sp-border); border-radius:14px; background:#0d0a16; }.auth-tab { flex:1; min-height:40px; padding:8px 6px; border:0; border-radius:10px; background:transparent; color:var(--sp-muted); font:inherit; font-size:12px; cursor:pointer; }.auth-tab.is-active { background:#302052; color:var(--sp-text); }.auth-panel { animation:sp-arrive var(--m-d3) var(--m-ease-out); }.auth-form { display:grid; gap:14px; }.auth-form label { display:grid; gap:7px; color:var(--sp-secondary); font-size:13px; }.auth-hint { margin:14px 0 0; font-size:13px; }.auth-message { margin:12px 0 0; color:var(--sp-success); font-size:13px; }.auth-message[data-error="true"] { color:var(--sp-danger); }.auth-switch { color:var(--sp-muted); font-size:13px; text-align:center; }.auth-switch button,.auth-resend { border:0; background:none; color:var(--sp-accent); text-decoration:underline; cursor:pointer; font:inherit; }.auth-resend { justify-self:center; min-height:44px; padding:8px 12px; font-size:13px; margin-top:4px; }.auth-cooldown { margin:0; color:var(--sp-muted); font-size:12px; text-align:center; }.auth-google { display:block; margin-top:22px; text-align:center; color:var(--sp-muted); font-size:13px; }
@media(max-width:520px) { .auth-methods { margin-inline:-8px; }.auth-tab { font-size:11px; }.sp-product[data-zone="auth"] .card h1 { font-size:32px; } }
.sp-product[data-zone="account"] .side,.sp-product[data-zone="admin"] .sidebar { width:248px; background:#100b1b; border-color:var(--sp-border); padding:24px 16px; }
.sp-product[data-zone="account"] .main,.sp-product[data-zone="admin"] .main { margin-left:248px; width:calc(100% - 248px); }
.sp-product[data-zone="account"] .content { max-width:1180px; padding:48px; }
.sp-product[data-zone="account"] .content > h1 { font-size:36px; }
.sp-product[data-zone="account"] .hero { border:1px solid #513d78; border-radius:var(--sp-r-lg); background:radial-gradient(circle at 92% 0%,#5e3d9d38,transparent 38%),linear-gradient(125deg,#251640,#121023); padding:38px; margin:0 0 24px; }
.sp-product[data-zone="account"] .hero h1 { font-size:38px; }.sp-product[data-zone="account"] .hero p { color:var(--sp-secondary); }
.sp-product :is(.nav-item.active,.nav-item:hover) { background:#281945; color:var(--sp-accent); }
.sp-product[data-zone="account"] .nav-item { padding:12px; gap:12px; min-height:48px; }
.sp-product[data-zone="account"] .nav-item span { color:var(--sp-muted); }
.sp-product[data-zone="account"] .steps { gap:16px; }.sp-product[data-zone="account"] .step { padding:22px; background:#0e1820; border-color:var(--sp-border); border-radius:16px; }
.sp-product[data-zone="account"] .step b { background:#2a1c49; color:var(--sp-accent); }
.sp-product[data-zone="account"] .mobile-nav { display:none; }
.sp-product[data-zone="account"] .meter { height:6px; background:#25183e; }.sp-product[data-zone="account"] .meter i { background:var(--sp-accent); }
.sp-product[data-zone="account"] .device-row { display:grid; grid-template-columns:minmax(0,1fr) auto; padding:22px; margin:12px 0; border:1px solid var(--sp-border); border-radius:16px; background:#0c161e; }
.sp-product[data-zone="account"] .device-row strong { font-size:17px; }.sp-product[data-zone="account"] .device-row small { margin-top:6px; }
.sp-product[data-zone="account"] .device-row .link-btn { padding:10px 14px; color:var(--sp-danger); }
.sp-product[data-zone="account"] .tariff-row { align-items:stretch; padding:24px; border:1px solid var(--sp-border); border-radius:18px; margin:16px 0; gap:24px; }
.sp-product[data-zone="account"] .tariff-row > div { flex:1 1 180px; }.sp-product[data-zone="account"] .tariff-row form { flex:1 1 300px; }
.sp-product .legal-check { display:flex; gap:12px; align-items:flex-start; font-size:12px; line-height:1.7; margin:0 0 18px; flex-wrap:wrap; }
.sp-product .legal-check a { text-decoration:underline; text-underline-offset:3px; }
.sp-product .kv-row strong { max-width:65%; }.sp-product .notice { color:var(--sp-warning); background:#29271e; border-color:#564d34; }

/* Admin maintains full-width tools, with independently scrollable tables. */
.sp-product[data-zone="admin"] .content { padding:36px; max-width:1680px; }
.sp-product[data-zone="admin"] .topbar { background:#100b1bf2; padding-inline:36px; border-color:var(--sp-border); }
.sp-product[data-zone="admin"] .sidebar nav { max-height:calc(100svh - 190px); overflow-y:auto; }
.sp-product[data-zone="admin"] .nav { min-height:44px; padding:10px 14px; border:0; border-radius:12px; font-size:13px; background:transparent; }
.sp-product[data-zone="admin"] .nav.active { background:#281945; color:var(--sp-accent); }
.sp-product[data-zone="admin"] .view.active { animation:sp-arrive var(--sp-medium) var(--sp-ease); }
.sp-product[data-zone="admin"] .metrics { gap:16px; }.sp-product[data-zone="admin"] .metrics article { padding:24px; background:var(--sp-surface); border:1px solid var(--sp-border); border-radius:var(--sp-r); }
.sp-product[data-zone="admin"] .metrics b { color:var(--sp-accent); font-weight:500; font-size:40px; letter-spacing:-.05em; }
.sp-product[data-zone="admin"] .table-wrap { width:100%; overflow:auto; scrollbar-color:#7658a8 #171025; }
.sp-product[data-zone="admin"] table { width:100%; border-collapse:collapse; font-size:13px; }
.sp-product[data-zone="admin"] th { color:var(--sp-muted); font-weight:500; font-size:11px; letter-spacing:.04em; text-align:left; background:#1b1230; }
.sp-product[data-zone="admin"] :is(th,td) { padding:16px; border-bottom:1px solid var(--sp-border); }
.sp-product[data-zone="admin"] tbody tr:hover { background:#211536; }
.sp-product[data-zone="admin"] .toolbar { gap:12px; flex-wrap:wrap; }.sp-product[data-zone="admin"] .toolbar input { flex:1 1 180px; }.sp-product[data-zone="admin"] .toolbar select { width:auto; max-width:100%; }
.sp-product[data-zone="admin"] .support-layout { gap:16px; grid-template-columns:280px minmax(0,1fr) 250px; }
.sp-product :is(.chat-messages,.message,.ticket,.conversation-pane) { overflow-wrap:anywhere; min-width:0; }
.sp-product .ticket { color:var(--sp-text); }.sp-product .ticket.active { background:#281945; }
.sp-product dialog { color:var(--sp-text); background:var(--sp-elevated); border:1px solid #60478a; border-radius:var(--sp-r); padding:28px; width:min(720px,calc(100% - 32px)); max-height:calc(100dvh - 40px); overflow:auto; box-shadow:0 35px 120px #0009; }
.sp-product dialog[open] { animation:sp-arrive var(--sp-medium) var(--sp-ease); }
.sp-product dialog::backdrop { background:#03090dbd; backdrop-filter:blur(4px); }
.sp-product dialog form { padding:0; }.sp-product dialog label { display:block; margin:14px 0; }
.sp-product dialog .actions,.sp-product .dialog-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.sp-product dialog.sp-confirm { max-width:460px; }.sp-product dialog.sp-confirm p { color:var(--sp-secondary); }

/* Connection, help and reading compositions. */
.sp-product[data-zone="apps"] > :is(header,main,footer) { max-width:1200px; margin-inline:auto; padding-inline:32px; }
.sp-product[data-zone="apps"] .hero { background:none; border:0; padding:56px 0 32px; box-shadow:none; }
.sp-product[data-zone="apps"] h1 { font-size:clamp(36px,5vw,60px); }.sp-product[data-zone="apps"] .products { gap:20px; }
.sp-product[data-zone="apps"] .product { padding:28px; }.sp-product[data-zone="apps"] .app-icon { background:#2a1a49; color:var(--sp-accent); }
.sp-product[data-zone="connect"] .hero-copy,.sp-product[data-zone="connect"] .visual { background:var(--sp-surface); border-color:var(--sp-border); box-shadow:var(--sp-shadow); backdrop-filter:none; }
.sp-product[data-zone="connect"] .hero h1 { font-size:clamp(36px,5vw,56px); }.sp-product[data-zone="connect"] .kicker { color:var(--sp-accent); background:#281945; border-color:#60478a; }
.sp-product .sp-open-recovery { background:#171329; border:1px solid var(--sp-border); border-radius:16px; padding:20px; margin-top:20px; font-size:13px; }
.sp-auto-stage { min-height:100svh; display:grid; place-items:center; padding:24px; background:radial-gradient(ellipse at 50% 42%,#251544 0,transparent 42%); }
.sp-auto-shell,.sp-auto-state { width:min(100%,760px); display:grid; grid-template-columns:minmax(220px,.9fr) minmax(280px,1fr); align-items:center; gap:clamp(24px,6vw,72px); }
.sp-auto-visual { position:relative; aspect-ratio:1; display:grid; place-items:center; }
.sp-auto-ring { position:absolute; width:82%; height:42%; border:1px solid #a78bfa50; border-radius:50%; transform:rotate(-25deg); box-shadow:0 0 30px #8b5cf626; animation:sp-auto-orbit 7s ease-in-out infinite; }
.sp-auto-ring-b { width:96%; height:52%; transform:rotate(52deg); border-color:#38bdf844; animation-duration:10s; animation-direction:reverse; }
.sp-auto-ring-c { width:58%; height:76%; transform:rotate(72deg); border-color:#c084fc44; animation-duration:8s; }
.sp-auto-particle { position:absolute; width:7px; height:7px; border-radius:50%; background:var(--sp-accent); box-shadow:0 0 18px #a78bfa; }
.sp-auto-particle-a { top:20%; left:20%; }.sp-auto-particle-b { top:28%; right:16%; background:#38bdf8; }.sp-auto-particle-c { bottom:18%; left:25%; }.sp-auto-particle-d { bottom:24%; right:22%; background:#c084fc; }
.sp-auto-core { position:relative; z-index:1; width:132px; height:132px; display:grid; place-items:center; border:1px solid #c4b5fda0; border-radius:50%; background:radial-gradient(circle at 35% 25%,#7650ba,#171026 72%); box-shadow:0 0 0 12px #8b5cf610,0 0 70px #8b5cf655,0 30px 80px #0009; }
.sp-auto-mark { font-size:42px; font-weight:700; letter-spacing:-.08em; }.sp-auto-client { position:absolute; bottom:25px; font:10px ui-monospace,monospace; letter-spacing:.18em; color:#d8d0ed; }
.sp-auto-copy h1 { margin:0 0 12px; font-size:clamp(32px,5vw,56px); }.sp-auto-copy p { color:var(--sp-secondary); max-width:360px; }.sp-auto-button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; margin-top:16px; padding:13px 20px; border:1px solid #b9a5ff66; border-radius:var(--sp-r-sm); background:var(--sp-accent); color:#160d27!important; font-weight:700; transition:transform var(--m-d2) var(--m-ease-out),background var(--m-d2); }.sp-auto-button:hover { background:var(--sp-accent-hover); transform:translateY(-2px); }
@keyframes sp-auto-orbit { 50% { transform:rotate(-18deg) scale(1.04); opacity:.72; } }
@media(max-width:620px) { .sp-auto-shell,.sp-auto-state { grid-template-columns:1fr; gap:10px; text-align:center; }.sp-auto-visual { width:min(76vw,300px); margin:auto; }.sp-auto-copy p { margin-inline:auto; }.sp-auto-button { width:100%; }.sp-auto-copy .sp-actions { justify-content:center; } }
@media(prefers-reduced-motion:reduce) { .sp-auto-ring { animation:none; } }
.sp-product[data-zone="support"] .hero { padding:40px 0; }.sp-product[data-zone="support"] .hero h1 { font-size:clamp(36px,5vw,60px); letter-spacing:-.055em; }
.sp-product[data-zone="support"] .tabs { border-bottom:1px solid var(--sp-border); padding-bottom:20px; }
.sp-product[data-zone="support"] .tab.active { color:var(--sp-accent); border-color:#60478a; background:#281945; }
.sp-product[data-zone="support"] .faq-item { border:1px solid var(--sp-border); border-radius:16px; background:var(--sp-surface); margin:12px 0; padding:4px 24px; }
.sp-product summary { min-height:48px; cursor:pointer; padding-block:14px; }.sp-product details[open] > :not(summary) { animation:sp-arrive var(--sp-medium) var(--sp-ease); }
.sp-product[data-zone="legal"] main { max-width:1000px; }.sp-product[data-zone="legal"] :is(.legal-content,.legal-card,.document,.content-simple) { max-width:820px; margin-inline:auto; }
.sp-product[data-zone="legal"] p,.sp-product[data-zone="legal"] li { line-height:1.9; color:var(--sp-secondary); }.sp-product[data-zone="legal"] h2 { margin-top:36px; }

@media(min-width:1800px) { .sp-hero { min-height:730px; }.sp-product[data-zone="account"] .content { padding-top:64px; } }
@media(max-width:1200px) { .sp-product[data-zone="admin"] .support-layout { grid-template-columns:260px minmax(0,1fr); }.sp-product[data-zone="admin"] .user-panel { grid-column:1 / -1; }.sp-product[data-zone="account"] .content { padding:32px; }.sp-hero { gap:24px; }.sp-feature { padding:24px; } }
@media(max-width:1050px) {
  .sp-product .sp-header-row { position:relative; display:flex; flex-wrap:wrap; padding-block:14px; gap:12px; }
  .sp-product .sp-header-row .nav-simple { display:none; order:10; width:100%; margin:0; grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px 0; border-top:1px solid var(--sp-border); }
  .sp-product .sp-header-row.sp-menu-open .nav-simple { display:grid; }
  .sp-product .sp-header-row .nav-simple a { min-height:44px; padding:12px; }
  .sp-product .sp-header-row nav { display:none; order:10; width:100%; margin:0; grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px 0; border-top:1px solid var(--sp-border); }
  .sp-product .sp-header-row.sp-menu-open nav { display:grid; }.sp-product .sp-header-row nav a { min-height:44px; padding:12px; }
  .sp-product .sp-header-row .header-cta-simple { margin-left:auto; }
  .sp-product .sp-menu-toggle { display:inline-flex; align-items:center; justify-content:center; min-width:64px; padding:10px 14px; font-size:12px; }
  .sp-product[data-zone="admin"] .sp-admin-menu { display:none; }
  .sp-feature-grid { grid-template-columns:1fr 1fr; }.sp-feature:first-child { grid-column:1 / -1; }
}
@media(max-width:860px) {
  .sp-product[data-zone="account"] .main,.sp-product[data-zone="admin"] .main { margin-left:0; width:100%; }
  .sp-product[data-zone="account"] .side { display:none; }
  .sp-product[data-zone="account"] .content { padding:24px 20px calc(100px + env(safe-area-inset-bottom)); }
  .sp-product[data-zone="account"] .mobile-head { background:#100b1bf2; color:var(--sp-text); }
  .sp-product[data-zone="account"] .mobile-nav { display:flex; padding-bottom:calc(8px + env(safe-area-inset-bottom)); background:#101b23f5; overflow-x:auto; }
  .sp-product[data-zone="account"] .mobile-nav a { min-width:64px; min-height:52px; font-size:10px; padding-inline:4px; }.sp-product[data-zone="account"] .mobile-nav a.active { color:var(--sp-accent); }
  .sp-product[data-zone="admin"] .sidebar { display:none; position:fixed; width:min(300px,90%); z-index:40; height:100dvh; overflow:auto; }
  .sp-product[data-zone="admin"].sp-admin-open .sidebar { display:block; box-shadow:0 0 0 100vmax #0009; }
  .sp-product[data-zone="admin"] .sp-admin-menu { display:inline-flex; }.sp-product[data-zone="admin"] .topbar { padding:12px 20px; height:auto; min-height:74px; }
  .sp-product[data-zone="admin"] .topbar .site-link { font-size:11px; }.sp-product[data-zone="admin"] .topbar h2 { font-size:15px; }
  .sp-product[data-zone="admin"] .content { padding:24px 20px; }.sp-product[data-zone="admin"] .metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sp-hero { grid-template-columns:1fr; min-height:0; padding:50px 0 30px; }.sp-hero-copy { max-width:650px; }.sp-hero h1 { max-width:620px; font-size:clamp(44px,8vw,68px); }
  .sp-network { width:min(440px,100%); margin:auto; }.sp-section-head { display:block; }.sp-section-head p { max-width:600px; margin-top:16px; }
  .sp-setup-grid { gap:16px; }.sp-closing { padding:32px; flex-wrap:wrap; }
}
@media(max-width:600px) {
  .sp-menu-toggle { display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 11px; border:1px solid var(--sp-border); border-radius:10px; background:#ffffff08; color:var(--sp-text); font-size:11px; }
  .header-simple .nav-simple { display:none; position:absolute; top:64px; left:18px; right:18px; z-index:20; padding:10px; background:#13101ceb; border:1px solid var(--sp-border); border-radius:14px; box-shadow:var(--sp-shadow); }
  .header-simple .nav-simple.is-open { display:grid; grid-template-columns:1fr 1fr; }
  .header-simple .nav-simple a { min-height:42px; display:flex; align-items:center; padding:10px; }
  .sp-product :is(.wrap-simple,.sp-wrap) { width:calc(100% - 36px); }
  .sp-product .header-inner-simple { min-height:64px; }
  .sp-product .header-inner-simple .header-cta-simple { margin-left:auto; }
  .sp-product .header-inner-simple .sp-menu-toggle { order:4; }
  .sp-product :is(.card,.panel,.section) { padding:22px; }
  .sp-product :is(.simple-section,.sp-section) { padding:40px 0; }
  .sp-product .header-inner-simple { gap:8px; }.sp-product .brand-simple { font-size:16px; gap:8px; }.sp-product .logo-simple { width:28px; height:28px; }
  .sp-product .header-cta-simple { font-size:11px; padding:10px; }.sp-product .sp-header-row .sp-menu-toggle { padding:8px 10px; min-width:54px; }
  .sp-product .sp-notification-wrap { margin-left:auto; }.sp-product .sp-notification-button { min-height:36px; width:36px; height:36px; }
  .sp-product .sp-header-row > .sp-notification-wrap { display:none; } /* All announcements remain available in the mobile menu. */
  .sp-hero { padding-top:36px; }.sp-hero h1 { font-size:clamp(40px,10.7vw,58px); }.sp-hero-copy > p { font-size:15px; }
  .sp-network { margin-top:16px; }.sp-core { width:110px; height:110px; border-radius:30px; }.sp-core svg { width:50px; }
  .sp-network-label { font-size:10px; padding:10px 12px; }.sp-network-label small { font-size:9px; }
  .sp-feature-grid,.sp-setup-grid { grid-template-columns:1fr; }.sp-feature:first-child { grid-column:auto; }.sp-feature h3 { margin-top:24px; }
  .sp-section-head h2 { font-size:30px; }.sp-closing { margin-bottom:40px; padding:28px; }.sp-closing h2 { font-size:30px; }
  .sp-product[data-zone="account"] .hero { padding:26px; }.sp-product[data-zone="account"] .hero h1 { font-size:30px; }
  .sp-product[data-zone="account"] .device-row { grid-template-columns:1fr; padding:18px; }.sp-product[data-zone="account"] .device-row form { justify-self:end; }
  .sp-product[data-zone="account"] .tariff-row { padding:20px; }.sp-product .kv-row { font-size:13px; }
  .sp-product[data-zone="admin"] .content { padding:20px 14px; }.sp-product[data-zone="admin"] .view-head { display:block; }.sp-product[data-zone="admin"] .view-head .toolbar { margin-top:16px; }
  .sp-product[data-zone="admin"] .metrics article { padding:18px; }.sp-product[data-zone="admin"] .metrics b { font-size:32px; }
  .sp-product[data-zone="admin"] .topbar { padding:12px 14px; gap:8px; }.sp-product[data-zone="admin"] .topbar .site-link { display:none; }
  .sp-product[data-zone="admin"] .support-layout { display:block; }.sp-product[data-zone="admin"] .support-layout > * { margin-bottom:16px; }
  .sp-product[data-zone="admin"] table { min-width:600px; }.sp-product[data-zone="admin"] :is(th,td) { padding:12px; }
  .sp-product dialog { padding:22px; max-height:calc(100dvh - 24px); width:calc(100% - 24px); }
  .sp-product[data-zone="auth"] .card,.sp-product[data-zone="admin-auth"] .card { padding:28px; }
  .sp-product[data-zone="auth"] .card h1 { font-size:30px; }
  .sp-product[data-zone="apps"] > :is(header,main,footer) { padding-inline:18px; }.sp-product[data-zone="apps"] .products { grid-template-columns:1fr; }
  .sp-contours { width:600px; height:600px; right:-330px; top:-180px; }.sp-light { width:550px; height:550px; }.sp-light-a { top:-300px; right:-250px; }.sp-light-b,.sp-grain { display:none; }
  .sp-atmosphere .sp-contours { animation:none; }.sp-light-a { animation-duration:30s; }
}
.contest-hero{padding:56px 0 34px;max-width:700px}.contest-hero h1{font-size:clamp(42px,7vw,82px);margin:18px 0}.contest-hero>p{color:var(--sp-secondary);font-size:17px;max-width:600px}.contest-status{display:flex;gap:24px;align-items:center;margin-top:26px;color:var(--sp-muted);font-size:13px}.contest-status b{color:#a9e9c7;background:#6cc99418;border:1px solid #6cc99445;border-radius:999px;padding:8px 12px;font-weight:500}.contest-prizes{margin:12px 0 30px;padding:28px;border:1px solid #c3a4ef35;border-radius:22px;background:radial-gradient(ellipse at top left,#744aa930,transparent 70%),linear-gradient(135deg,#21162d,#12101a);box-shadow:var(--sp-shadow)}.contest-prizes h2{font-size:25px;margin:0 0 20px}.prize-top{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.prize-top article{display:flex;flex-direction:column;gap:9px;padding:18px 15px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff06}.prize-top article:first-child{border-color:#d5bcff70;background:#b58cf516}.prize-top span,.prize-top small{font-size:11px;color:var(--sp-muted)}.prize-top strong{font-size:24px;font-weight:500}.prize-rest{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:15px 17px;border:1px solid #ffffff14;border-radius:12px;color:var(--sp-secondary);font-size:13px}.prize-rest strong{color:var(--sp-text)}.contest-ranking h2,.contest-how h2{margin-top:0}.contest-ranking>p{color:var(--sp-muted);font-size:12px}.contest-ranking ol{list-style:none;margin:18px 0 0;padding:0}.contest-ranking li{display:grid;grid-template-columns:1fr auto auto;gap:20px;align-items:center;padding:16px 4px;border-bottom:1px solid #ffffff12}.contest-ranking li span{color:var(--sp-secondary);font-size:13px}.contest-ranking li em{color:var(--sp-accent);font-style:normal;font-size:13px;min-width:80px;text-align:right}.contest-me{margin-top:18px;padding:14px;border-radius:10px;background:#b99be718;color:#d9c6fa;font-size:13px}.contest-how li{padding:10px 0;color:var(--sp-secondary)}.contest-how p{color:var(--sp-muted);font-size:13px}.contest-how>a{color:var(--sp-accent);font-size:13px}@media(max-width:600px){.contest-hero{padding-top:30px}.contest-hero>p{font-size:15px}.contest-status{align-items:flex-start;flex-direction:column;gap:10px}.contest-prizes{padding:20px 16px}.prize-top{grid-template-columns:1fr}.prize-top article{display:grid;grid-template-columns:1fr auto;align-items:center}.prize-top article small{grid-column:1/-1}.prize-top strong{text-align:right}.contest-ranking li{grid-template-columns:1fr auto;gap:8px}.contest-ranking li span{grid-column:1}.contest-ranking li em{grid-column:2;grid-row:1/3}.contest-how{padding:22px 18px}}
.contest-page{max-width:1240px!important;padding-top:28px!important}.contest-page .contest-hero{max-width:none;min-height:320px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;padding:58px 0}.contest-signal{min-height:280px;display:grid;place-items:center;align-content:center;gap:18px;border:1px solid #c3a4ef32;border-radius:28px;background:radial-gradient(circle at 50% 35%,#8c5bdc3d,transparent 48%),linear-gradient(145deg,#251739,#110d17);box-shadow:inset 0 1px #ffffff14,0 25px 65px #0004;overflow:hidden;position:relative}.contest-signal:before,.contest-signal:after{content:'';position:absolute;border:1px solid #bfa4f033;border-radius:50%;width:380px;height:150px;transform:rotate(-20deg);box-shadow:0 0 35px #8e62d71c}.contest-signal:after{width:300px;height:110px;transform:rotate(35deg)}.signal-core{position:relative;z-index:1;width:105px;height:105px;display:grid;place-items:center;border-radius:50%;border:1px solid #e5d8ff99;background:radial-gradient(circle at 35% 25%,#e3ccff,#6a429e 52%,#1a1028);box-shadow:0 0 70px #aa7ae968,0 0 0 14px #aa7ae910;color:#26143b;font-size:36px}.contest-signal span,.contest-signal strong{position:relative;z-index:1;color:#c6b2dc;font:10px monospace;letter-spacing:.14em}.contest-signal strong{font-size:9px;color:#a08ea9}.contest-prizes h2{font-size:34px}.contest-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.85fr);gap:22px}.contest-layout>.card,.contest-side>.card{border:1px solid #c3a4ef2c;border-radius:22px;background:linear-gradient(145deg,#21172dba,#121019eb);box-shadow:var(--sp-shadow)}.panel-head{display:flex;justify-content:space-between;align-items:start;gap:24px}.panel-head h2{font-size:31px;margin:12px 0}.panel-head small{color:var(--sp-muted);font-size:11px;text-align:right;line-height:1.6}.rank{font:12px monospace;color:var(--sp-accent)!important}.empty-rank{display:flex!important;gap:18px;justify-content:start!important}.empty-rank small{display:block;color:var(--sp-muted);font-size:12px;margin-top:7px}.contest-side{display:flex;flex-direction:column;gap:22px}.contest-me>strong{display:block;font-size:48px;color:var(--sp-accent);font-weight:400;margin:15px 0}.contest-me>p{color:var(--sp-text)}.contest-join h2{font-size:29px;margin:16px 0}.contest-join p{color:var(--sp-secondary);font-size:13px}.contest-how .how-step{padding:17px 0;border-top:1px solid #ffffff14}.contest-how .how-step b{color:var(--sp-accent);font:11px monospace}.contest-how .how-step strong{display:block;margin:7px 0;font-size:16px;font-weight:500}.contest-how .how-step p{margin:0}.contest-info{display:flex;align-items:center;gap:16px;margin:28px 0 55px;padding:18px 20px;border-top:1px solid #c3a4ef2b;border-bottom:1px solid #c3a4ef2b;color:var(--sp-muted);font-size:12px}.contest-info span{color:var(--sp-accent);font-size:20px}.contest-info p{margin:0;flex:1}.contest-info a{color:var(--sp-accent)}
@media(max-width:800px){.contest-page .contest-hero{grid-template-columns:1fr;gap:20px;padding:32px 0;min-height:0}.contest-signal{min-height:190px}.contest-layout{grid-template-columns:1fr}.contest-page .contest-hero h1{font-size:48px}.contest-info{align-items:flex-start;flex-wrap:wrap}.contest-info p{flex-basis:calc(100% - 40px)}}
@media(prefers-reduced-motion:reduce) { html:has(.sp-product) { scroll-behavior:auto; }.sp-product *, .sp-product *::before,.sp-product *::after { animation:none!important; transition-duration:1ms!important; scroll-behavior:auto!important; }.sp-reveal-ready { opacity:1; transform:none; } }
@media(max-width:860px) { .sp-product .sp-auto-stage { padding:24px 18px calc(24px + env(safe-area-inset-bottom)); } }
@media(max-width:400px) { .sp-auto-core { width:112px; height:112px; }.sp-auto-mark { font-size:36px; }.sp-auto-client { bottom:21px; } }
.sp-low-power .sp-atmosphere * { animation:none!important; }.sp-low-power .sp-grain { display:none; }
.sp-product .header-simple { position:sticky; top:0; z-index:30; }
.sp-product .header-inner-simple { display:flex; align-items:center; justify-content:space-between; }
.sp-product .brand-simple { display:inline-flex; align-items:center; gap:10px; }
.sp-product .nav-simple { display:flex; align-items:center; }
.sp-product .header-cta-simple { display:inline-flex; padding:12px 16px; }
.sp-product .footer-inner-simple { padding-block:28px; display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; }
.sp-product .footer-links-simple { display:flex; flex-wrap:wrap; gap:8px 20px; font-size:12px; }
.sp-product .footer-inner-simple .sp-seller-footer { flex-basis:100%; }
.sp-product .sp-connect-header { padding-block:28px; display:flex; justify-content:space-between; gap:20px; }
.sp-product .sp-onboarding { max-width:820px; padding-top:36px; padding-bottom:64px; }.sp-product .sp-onboarding h1 { font-size:clamp(34px,5vw,56px); }
.sp-product .sp-client-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.sp-product .sp-client-card { display:flex; flex-direction:column; gap:16px; margin:0; padding:32px; }
.sp-product .sp-client-card:first-child { border-color:#60478a; background:linear-gradient(145deg,#2a1948,#151027 65%); }
.sp-product .sp-client-card h2 { font-size:34px; margin:4px 0; }.sp-product .sp-client-card p { margin:0; }
.sp-product .sp-client-top { display:flex; justify-content:space-between; align-items:center; gap:14px; }
.sp-product .sp-client-monogram { display:grid; place-items:center; width:52px; height:52px; border-radius:16px; background:var(--sp-accent); color:#1b102b; font-size:30px; font-weight:600; font-family:Georgia,serif; }
.sp-product .sp-client-monogram.happ { background:#344551; color:#d2e4ea; }
.sp-product .sp-chip { padding:5px 10px; border:1px solid #60478a; border-radius:999px; color:var(--sp-accent); font-size:11px; }.sp-product .sp-chip.secondary { color:var(--sp-muted); border-color:var(--sp-border); }
.sp-product .sp-platform-picker { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:28px; }.sp-product .sp-platform-picker [aria-pressed="true"] { color:var(--sp-accent); border-color:#8064b8; background:#2a1a49; }
.sp-product .sp-app-steps { padding-left:22px; color:var(--sp-secondary); flex:1; }.sp-product .sp-app-steps li { margin-bottom:14px; padding-left:4px; }.sp-product .sp-download-alt { font-size:12px; text-decoration:underline; text-underline-offset:3px; }
.sp-product .sp-client-form { display:grid; gap:16px; margin-top:24px; }.sp-product .sp-client-form label { display:grid; gap:8px; }.sp-product .sp-client-form > p { margin:0; font-size:12px; }.sp-product .sp-client-form > a { color:var(--sp-accent); font-size:13px; }
@media(max-width:700px) { .sp-product .sp-client-grid { grid-template-columns:1fr; }.sp-product .sp-client-card { padding:24px; }.sp-product .sp-platform-picker button { flex:1 1 100px; }.sp-product .sp-connect-header { font-size:12px; } }
.sp-auto-shell-start .sp-auto-copy h1::after { content:' Ссылка готова'; display:block; margin-top:10px; color:var(--sp-muted); font-size:.32em; font-weight:500; letter-spacing:0; }
.sp-auto-shell-start .sp-auto-copy p { margin-bottom:0; }
.sp-auto-link { display:block; overflow-wrap:anywhere; color:var(--sp-muted); font:11px ui-monospace,monospace; }
.sp-auto-state .sp-auto-copy h1::after { content:' Почти готово'; display:block; margin-top:10px; color:var(--sp-muted); font-size:.32em; font-weight:500; letter-spacing:0; }
.sp-product .sp-account-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:0 0 24px; }
.sp-product .sp-account-metrics article { padding:24px; border:1px solid var(--sp-border); border-radius:var(--sp-r); background:var(--sp-surface); min-width:0; }
.sp-product .sp-account-metrics span { color:var(--sp-muted); font-size:12px; }.sp-product .sp-account-metrics strong { display:block; font-size:23px; line-height:1.3; font-weight:500; margin:12px 0 20px; }.sp-product .sp-account-metrics small { color:var(--sp-muted); font-size:15px; }.sp-product .sp-account-metrics a { color:var(--sp-accent); font-size:11px; }
.sp-product .sp-support-shortcuts { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin:0 0 32px; }.sp-product .sp-support-shortcuts a { display:grid; gap:16px; padding:24px; background:var(--sp-surface); border:1px solid var(--sp-border); border-radius:18px; }.sp-product .sp-support-shortcuts span { color:var(--sp-muted); font-size:11px; }.sp-product .sp-support-shortcuts strong { font-size:14px; font-weight:600; }
@media(max-width:1000px) { .sp-product .sp-account-metrics { grid-template-columns:1fr; }.sp-product .sp-account-metrics article { padding:20px; }.sp-product .sp-account-metrics strong { margin:8px 0; }.sp-product .sp-support-shortcuts { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:400px) { .sp-product .sp-support-shortcuts { grid-template-columns:1fr; } }
.sp-product .seller-footer-links { display:flex; flex-wrap:wrap; gap:10px 18px; }
.sp-product .avatar { background:var(--sp-accent); color:#1b102b; }.sp-product .brand-mark { background:none; box-shadow:none; }
.sp-product footer > .sp-seller-footer { width:min(1200px,calc(100% - 36px)); margin-inline:auto; padding-bottom:24px; }
.sp-product[data-zone="apps"] > header { display:flex; align-items:center; justify-content:space-between; padding-block:22px; }
.sp-product[data-zone="apps"] > header nav { display:flex; flex-wrap:wrap; gap:20px; font-size:13px; color:var(--sp-secondary); }
.sp-product[data-zone="apps"] > footer { margin-top:48px; padding-block:24px; }
.sp-product[data-zone="apps"] main > .card { margin-top:24px; }
@media(max-width:1050px) { .sp-product[data-zone="apps"] > header nav { display:none; }.sp-product[data-zone="apps"] > header.sp-menu-open nav { display:grid; } }
.sp-product .sp-account-more { display:flex; flex:1; min-width:0; flex-direction:column; align-items:center; justify-content:center; font-size:10px; padding:5px 4px; border:0; background:transparent; color:var(--sp-muted); line-height:1.5; }
.sp-product .sp-account-more span { font-size:20px; line-height:1.2; }
.sp-product .sp-account-drawer nav { display:grid; gap:10px; margin:24px 0; }.sp-product .sp-account-drawer nav a { display:block; padding:14px; background:var(--sp-surface); border:1px solid var(--sp-border); border-radius:12px; }
.sp-product[data-zone="account"] .mobile-nav a { min-width:0; white-space:nowrap; }
.sp-product .user-avatar { background:var(--sp-accent); color:#1b102b; }.sp-product .topbar .site-link { color:var(--sp-accent); }
.sp-product[data-zone="admin-auth"] form { display:grid; gap:18px; margin:24px 0; }.sp-product[data-zone="admin-auth"] label { display:grid; gap:8px; }.sp-product .error { color:var(--sp-danger); }
.contest-page{max-width:1240px!important}.contest-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;padding:52px 0}.contest-hero h1{font-size:clamp(42px,6vw,76px);margin:18px 0}.contest-hero p{max-width:600px;color:var(--sp-secondary);font-size:17px}.contest-signal{min-height:250px;display:grid;place-items:center;align-content:center;gap:14px;border:1px solid #c5a4ef36;border-radius:25px;background:radial-gradient(circle,#7f50bb55,transparent 60%),#171020}.signal-core{width:105px;height:105px;display:grid;place-items:center;border-radius:50%;border:1px solid #eee1ff99;background:radial-gradient(circle,#e9d9ff,#623c8e 55%,#170e25);box-shadow:0 0 70px #a26bdd88;font-size:34px}.contest-signal span{font:10px monospace;color:#cdb9eb;letter-spacing:.15em}.contest-prizes{margin-bottom:25px;padding:30px;border:1px solid #c5a4ef36;border-radius:22px;background:linear-gradient(135deg,#251735,#12101a)}.contest-prizes h2{margin:10px 0 22px}.prize-top{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.prize-top article{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid #ffffff1b;border-radius:15px;background:#ffffff06}.prize-top article:first-child{border-color:#d7b9ff88;background:#b48de91b}.prize-top span,.prize-top small{color:var(--sp-muted);font-size:12px}.prize-top strong{font-size:28px}.prize-rest{display:flex;justify-content:space-between;padding:16px;margin-top:12px;border:1px solid #ffffff18;border-radius:12px}.contest-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:22px}.panel-head{display:flex;justify-content:space-between}.panel-head h2{margin:10px 0}.panel-head small{color:var(--sp-muted);text-align:right;font-size:11px}.contest-ranking li{display:grid;grid-template-columns:42px 1fr auto auto;gap:15px;align-items:center;padding:17px 0;border-bottom:1px solid #ffffff13}.contest-ranking li em{color:var(--sp-accent);font-style:normal}.empty-rank{display:flex!important}.contest-how .how-step{padding:18px 0;border-top:1px solid #ffffff14}.how-step b{color:var(--sp-accent);font:11px monospace}.how-step strong{display:block;margin:8px 0}.how-step p{margin:0;color:var(--sp-muted);font-size:12px}.referral-personal,.contest-info{margin:22px 0;padding:28px}.referral-link{display:flex;gap:8px;margin:20px 0}.referral-link input{flex:1;min-width:0}.referral-link button{padding:10px;border:1px solid var(--sp-border);background:#ffffff09;color:var(--sp-text);border-radius:8px}.referral-stats{display:flex;gap:35px}.referral-stats div{display:grid;gap:5px}.referral-stats small{color:var(--sp-muted)}.referral-stats strong{font-size:24px}.contest-info{display:flex;gap:15px;border-block:1px solid #c5a4ef25;color:var(--sp-muted);font-size:12px}.contest-info p{flex:1}.contest-info a{color:var(--sp-accent)}
@media(max-width:700px){.contest-page{width:calc(100% - 36px)!important}.contest-hero{grid-template-columns:1fr;padding:32px 0;gap:20px}.contest-hero h1{font-size:46px}.contest-hero p{font-size:15px}.contest-signal{min-height:170px}.prize-top,.contest-layout{grid-template-columns:1fr}.contest-prizes{padding:20px}.referral-link{display:grid;grid-template-columns:1fr 1fr}.referral-link input{grid-column:1/-1}.referral-stats{justify-content:space-between;gap:8px}.referral-stats strong{font-size:20px}.contest-ranking li{grid-template-columns:34px 1fr auto}.contest-ranking li span:not(.rank){grid-column:2}.contest-ranking li em{grid-column:3;grid-row:1/3}.contest-info{align-items:flex-start;flex-wrap:wrap}}