:root{--bg:#090b0a;--panel:#101311;--panel2:#151916;--line:#262b27;--line2:#343a35;--text:#f4f7f2;--muted:#919a92;--muted2:#687069;--acid:#c6ff35;--acid2:#a9e916;--ink:#11150d;--red:#ff6b6b;--amber:#ffcc66;--radius:18px;--font:"Manrope",system-ui,sans-serif;--display:"Unbounded",sans-serif}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.ss-shell{min-height:100vh;display:grid;grid-template-columns:252px minmax(0,1fr)}
.ss-sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:26px 18px 18px;background:#0c0f0d;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}
.ss-brand{height:48px;padding:0 10px;display:flex;align-items:center;gap:11px;margin-bottom:30px}
.ss-brand__logo{width:31px;height:31px;object-fit:contain}.ss-brand__name,.auth-mobile-brand{font:700 18px var(--display);letter-spacing:-1px}.ss-brand__name span,.auth-mobile-brand span{color:var(--acid)}
.ss-brand__collapse{display:none;margin-left:auto;border:0;background:none;font-size:25px}
.ss-nav{display:grid;gap:5px}
.ss-cell{width:100%;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:12px}
.ss-nav__item{min-height:48px;border-radius:12px;padding:0 13px;color:#9ca49d;cursor:pointer;transition:.18s ease}
.ss-nav__item:hover{background:#151916;color:var(--text)}.ss-nav__item.is-active{background:var(--acid);color:var(--ink);font-weight:800}
.ss-cell__icon{width:25px;height:25px;display:grid;place-items:center;font-size:20px;line-height:1}.ss-cell__icon svg{width:20px;height:20px}
.ss-cell__mid{min-width:0;display:grid}.ss-cell__title{font-weight:650}.ss-cell__sub{font-size:12px;color:var(--muted)}
.ss-sidebottom{margin-top:auto;display:grid;gap:14px}.ss-nav--links{border-top:1px solid var(--line);padding-top:14px}
.ss-nav--links .ss-cell{min-height:40px;color:var(--muted);padding:0 12px;border-radius:10px;font-size:13px}.ss-nav--links .ss-cell:hover{background:var(--panel2);color:var(--text)}
.ss-profile{padding:12px!important;background:var(--panel)!important}.ss-profile__row{display:flex;align-items:center;gap:10px}
.ss-avatar,.ss-user__dot{display:grid;place-items:center;border-radius:50%;background:var(--acid);color:var(--ink);font-weight:800;overflow:hidden}
.ss-avatar{width:38px;height:38px}.ss-avatar img,.ss-user img{width:100%;height:100%;object-fit:cover}
.ss-profile__meta{min-width:0;flex:1}.ss-profile__email{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-profile__id{font-size:10px;color:var(--muted)}
.ss-iconbtn{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--muted)}.ss-iconbtn:hover{background:var(--panel2);color:var(--text)}
.ss-foot{font-size:10px;color:var(--muted2);display:flex;align-items:center;gap:7px;padding:0 10px}.ss-foot i,.ss-badge__dot{width:7px;height:7px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid)}
.ss-main{grid-column:2;min-width:0;min-height:100vh;background:radial-gradient(circle at 90% 3%,rgba(198,255,53,.06),transparent 23%),var(--bg)}
.ss-topbar{height:98px;padding:0 clamp(24px,4vw,58px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.ss-topbar__overline{color:var(--muted2);text-transform:uppercase;letter-spacing:1.5px;font-size:9px;font-weight:800}.ss-title{font:600 clamp(21px,2vw,27px) var(--display);letter-spacing:-1px;margin:2px 0 0}
.ss-topactions{display:flex;align-items:center;gap:9px}.ss-search,.ss-balance{height:44px;border:1px solid var(--line);background:var(--panel);border-radius:12px;cursor:pointer}
.ss-search{padding:0 12px;display:flex;gap:13px;align-items:center;color:var(--muted)}.ss-search span{font-size:21px}.ss-search kbd{border:1px solid var(--line2);border-radius:5px;padding:2px 6px;font:10px var(--font);color:var(--muted)}
.ss-balance{display:flex;align-items:center;gap:9px;padding:0 13px;text-align:left}.ss-balance small{font-size:10px;color:var(--muted)}.ss-balance b{font-size:13px}.ss-balance>span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--acid);color:var(--ink);font-size:17px}
.ss-user{height:42px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.ss-user img,.ss-user__dot{width:34px;height:34px}
.ss-burger{display:none;border:0;background:transparent;font-size:22px;padding:8px}
.ss-content{width:min(1180px,100%);padding:42px clamp(24px,4vw,58px) 70px}
.ss-loader{height:50vh;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:13px}.ss-loader i{width:17px;height:17px;border:2px solid var(--line2);border-top-color:var(--acid);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}
.ss-group{margin-bottom:32px}.ss-group__head{min-height:34px;margin-bottom:13px;display:flex;align-items:center;justify-content:space-between}.ss-group__title{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:1.4px;font-weight:800}
.ss-card,.ss-panel,.ss-hero{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#131714,#0f1210)}
.ss-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:31px}.ss-grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:15px}
.ss-stat{min-height:144px;padding:21px;position:relative;overflow:hidden}.ss-stat:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;background:rgba(198,255,53,.04);right:-20px;top:-25px}
.ss-stat__ic{width:34px;height:34px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:var(--acid);margin-bottom:17px}.ss-stat__ic svg{width:17px}
.ss-stat__val{font:600 26px var(--display);letter-spacing:-1px}.ss-stat__label{font-size:12px;color:var(--muted);margin-top:3px}
.ss-hero{padding:27px 28px;min-height:174px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px;position:relative;overflow:hidden}
.ss-hero:before{content:"";position:absolute;right:10%;top:-70px;width:230px;height:230px;border:1px solid rgba(198,255,53,.12);border-radius:50%;box-shadow:0 0 0 35px rgba(198,255,53,.02),0 0 0 70px rgba(198,255,53,.015)}
.ss-hero__top,.ss-hero__actions{position:relative;z-index:1}.ss-badge,.ss-chip,.ss-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px}
.ss-badge{padding:6px 9px;background:rgba(198,255,53,.1);color:var(--acid)}.ss-hero__plan{font:600 28px var(--display);margin-top:14px;letter-spacing:-1px}.ss-hero__meta{font-size:12px;color:var(--muted);margin-top:4px}.ss-hero__actions{display:flex;gap:8px}
.ss-btn,.btn{border:0;border-radius:11px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s,background .15s,border-color .15s,opacity .15s}
.ss-btn:hover,.btn:hover{transform:translateY(-1px)}.ss-btn:disabled,.btn:disabled{opacity:.55;cursor:wait;transform:none}
.ss-btn--primary,.btn-primary{background:var(--acid);color:var(--ink)}.ss-btn--primary:hover,.btn-primary:hover{background:#d2ff61}.ss-btn--ghost{border:1px solid var(--line2);background:rgba(255,255,255,.025)}.ss-btn--ghost:hover{border-color:#59605a}
.ss-btn{min-height:45px;padding:0 19px}.ss-btn--sm{min-height:39px;font-size:12px;padding:0 15px}.ss-btn--block,.btn-block{width:100%}
.ss-empty{padding:48px 25px;text-align:center}.ss-empty__ic{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:rgba(198,255,53,.08);color:var(--acid);margin:0 auto 16px}.ss-empty__ic svg{width:24px}.ss-empty h3{font:600 18px var(--display);margin:0 0 7px}.ss-empty p{color:var(--muted);max-width:500px;margin:0 auto 20px;font-size:13px}
.ss-periods{display:flex;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:17px;max-width:580px}.ss-periods button{position:relative;flex:1;min-height:42px;border:0;background:transparent;border-radius:10px;color:var(--muted);cursor:pointer;font-weight:700}.ss-periods button.is-active{background:var(--text);color:var(--ink)}.ss-off{position:absolute;top:-10px;right:3px;background:var(--acid);color:var(--ink);font-size:8px;padding:2px 5px;border-radius:5px}
.ss-tariff{padding:28px}.ss-tariff__label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.ss-price{font:600 42px var(--display);letter-spacing:-2px;margin:10px 0 0}.ss-price small{font:700 18px var(--font)}.ss-old{color:var(--muted);font-size:12px;text-decoration:line-through}.ss-label,.field-label{display:block;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:7px}.ss-card__title{font:600 17px var(--display);margin-bottom:20px}
.ss-devpick{height:49px;border:1px solid var(--line2);border-radius:11px;display:grid;grid-template-columns:48px 1fr 48px;align-items:center}.ss-devpick button{height:100%;border:0;background:transparent;font-size:22px;cursor:pointer}.ss-devpick__val{text-align:center;font:600 18px var(--display)}
.ss-feat{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:13px}.ss-feat:last-child{border:0}.ss-feat__ic{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:rgba(198,255,53,.1);color:var(--acid)}.ss-feat__ic svg{width:13px}
.ss-panel{overflow:hidden}.ss-table{width:100%;border-collapse:collapse}.ss-table th,.ss-table td{padding:17px 19px;text-align:left;border-bottom:1px solid var(--line);font-size:12px}.ss-table th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.8px}.ss-table tr:last-child td{border:0}.ss-muted{color:var(--muted)}
.ss-chip,.ss-pill{padding:5px 9px}.ss-chip.ok,.ss-pill.on{background:rgba(198,255,53,.1);color:var(--acid)}.ss-chip.wait{background:rgba(255,204,102,.1);color:var(--amber)}.ss-chip.bad,.ss-pill.off{background:rgba(255,107,107,.1);color:var(--red)}
.ss-prow{min-height:61px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 20px;border-bottom:1px solid var(--line);font-size:13px}.ss-prow:last-child{border:0}.ss-prow__k{color:var(--muted)}.ss-prow__v{text-align:right}
.ss-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(9px);display:grid;place-items:center;padding:18px;z-index:50}.ss-modal-overlay[hidden]{display:none}.ss-modal{width:min(480px,100%);max-height:calc(100vh - 36px);overflow:auto;background:#131714;border:1px solid var(--line2);border-radius:22px;padding:27px;position:relative;box-shadow:0 30px 90px #000}
.ss-modal__close{position:absolute;right:15px;top:14px;width:34px;height:34px;border:1px solid var(--line);background:var(--panel);border-radius:10px;cursor:pointer;font-size:20px}.ss-h3{font:600 18px var(--display);margin:0 40px 19px 0}
.ss-cmd{display:grid;gap:5px}.ss-cmd .ss-cell{padding:12px;border-radius:11px;cursor:pointer}.ss-cmd .ss-cell:hover{background:var(--panel2)}.ss-cell__after{margin-left:auto;color:var(--muted)}
.ss-methods{display:grid;gap:7px;margin:18px 0}.ss-method{min-height:53px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:12px;padding:0 14px;cursor:pointer}.ss-method:hover,.ss-method.sel{border-color:var(--acid);background:rgba(198,255,53,.04)}.m-ic{width:27px;text-align:center;font-size:18px}.m-check{margin-left:auto;color:var(--acid);opacity:0}.m-check svg{width:17px}.ss-method.sel .m-check{opacity:1}
.ss-qr{width:190px;height:190px;background:white;padding:9px;border-radius:12px;margin:0 auto 19px;display:block}.ss-codebox{font:11px monospace;word-break:break-all;padding:12px;background:#080a09;border:1px solid var(--line);border-radius:10px;color:#bac1bb}
.ss-status{min-height:20px;color:var(--muted);font-size:12px}.ss-toast{position:fixed;right:25px;bottom:25px;z-index:90;background:var(--text);color:var(--ink);padding:12px 16px;border-radius:11px;font-weight:700;font-size:12px;transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s}.ss-toast.is-on{opacity:1;transform:none}
.mt{margin-top:20px}.mb{margin-bottom:18px}
/* authentication */
.auth-body{min-height:100vh;overflow-x:hidden}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(440px,.88fr)}
.auth-story{min-height:100vh;padding:42px clamp(35px,5vw,76px);position:relative;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(145deg,#0e120f,#080a09)}
.auth-story:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.auth-brand{position:relative;display:flex;align-items:center;gap:12px;width:max-content;font:700 19px var(--display)}.auth-brand img{width:32px;height:32px}.auth-brand span span{color:var(--acid)}
.auth-story__copy{position:relative;z-index:2;margin:auto 0;max-width:720px}.eyebrow,.auth-kicker{text-transform:uppercase;letter-spacing:1.7px;font-size:10px;font-weight:800;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i{width:25px;height:1px;background:var(--acid)}
.auth-story h1{font:600 clamp(39px,5vw,72px)/1.09 var(--display);letter-spacing:-4px;margin:24px 0}.auth-story h1 em{font-style:normal;color:var(--acid)}.auth-story__copy>p{max-width:570px;color:#a6aea7;font-size:clamp(14px,1.35vw,18px);line-height:1.75}
.auth-metrics{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);padding-top:24px}.auth-metrics div{display:grid}.auth-metrics strong{font:600 16px var(--display)}.auth-metrics span{color:var(--muted2);font-size:10px;margin-top:3px}
.auth-orbit{position:absolute;width:540px;height:540px;border:1px solid rgba(198,255,53,.08);border-radius:50%;right:-230px;top:14%;box-shadow:0 0 0 70px rgba(198,255,53,.015),0 0 0 140px rgba(198,255,53,.01)}.auth-orbit span{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 18px var(--acid)}.auth-orbit span:first-child{top:38px;left:130px}.auth-orbit span:nth-child(2){left:-3px;top:260px}.auth-orbit span:nth-child(3){bottom:26px;left:150px}
.auth-panel{background:#111412;display:grid;place-items:center;padding:40px clamp(28px,5vw,80px)}.auth-card{width:min(410px,100%)}.auth-mobile-brand{display:none}.auth-kicker{color:var(--acid);margin-bottom:13px}.auth-title{font:600 clamp(27px,3vw,36px) var(--display);letter-spacing:-2px;margin:0}.auth-sub{color:var(--muted);margin:8px 0 30px}
.auth-step{display:grid}.field-label{margin:0 0 7px}.field-wrap{position:relative;margin-bottom:17px}.field-wrap>svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:var(--muted2);stroke-width:1.7}.field{width:100%;height:53px;border:1px solid var(--line2);background:#0c0f0d;border-radius:11px;padding:0 105px 0 45px;color:var(--text);outline:0;transition:.15s}.field::placeholder{color:#555d56}.field:hover{border-color:#4b534c}.field:focus{border-color:var(--acid);box-shadow:0 0 0 3px rgba(198,255,53,.08)}.field-eye{position:absolute;right:8px;top:8px;height:37px;border:0;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}
.btn{min-height:51px;padding:0 18px}.btn-primary{margin-top:4px;justify-content:space-between;padding-left:21px;font-size:13px}.btn-primary b{font-size:20px}.btn-link{background:transparent;color:var(--muted);min-height:42px;font-size:12px}.btn-link strong{color:var(--text)}
.auth-divider{display:flex;align-items:center;gap:13px;color:var(--muted2);font-size:9px;text-transform:uppercase;letter-spacing:1px;margin:15px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-divider span{white-space:nowrap}
.auth-oauth{display:grid;grid-template-columns:1fr 1fr;gap:9px}.btn-oauth{border:1px solid var(--line2);background:#171b18;font-size:12px}.btn-oauth:hover{border-color:#565e57}.oauth-ic{width:25px;height:25px;border-radius:7px;background:#fff;color:#111;display:grid;place-items:center;font-size:10px;font-weight:800}.btn-vk .oauth-ic{background:#2787f5;color:#fff}
.auth-oauth--single{grid-template-columns:1fr}
.auth-msg{min-height:21px;text-align:center;font-size:12px;margin:15px 0 0}.auth-msg.err{color:var(--red)}.auth-msg.ok{color:var(--acid)}.auth-legal{text-align:center;color:var(--muted2);font-size:9px;line-height:1.6;margin:14px 0 0}.auth-legal a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:920px){.ss-shell{display:block}.ss-sidebar{transform:translateX(-105%);transition:transform .22s;box-shadow:20px 0 60px #000}.ss-sidebar.is-open{transform:none}.ss-brand__collapse{display:block}.ss-main{min-height:100vh}.ss-scrim{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:19;opacity:0;pointer-events:none;transition:.2s}.ss-scrim.is-on{opacity:1;pointer-events:auto}.ss-burger{display:block}.ss-topbar{padding:0 20px;height:82px}.ss-content{padding:28px 20px 60px}.ss-grid3{grid-template-columns:repeat(3,1fr)}.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{min-height:100vh}.auth-mobile-brand{display:block;margin-bottom:45px}.auth-mobile-brand span{color:var(--acid)}}
@media(max-width:660px){.ss-topbar__overline,.ss-search,.ss-user span{display:none}.ss-topactions{gap:5px}.ss-balance{padding:0 9px}.ss-balance small{display:none}.ss-grid3,.ss-grid2{grid-template-columns:1fr}.ss-grid3{gap:8px}.ss-stat{min-height:105px;padding:17px;display:grid;grid-template-columns:35px 1fr;align-items:center;column-gap:11px}.ss-stat__ic{grid-row:1/3;margin:0}.ss-stat__val{font-size:21px}.ss-stat__label{margin:0}.ss-hero{align-items:flex-start;flex-direction:column;padding:23px}.ss-hero__actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.ss-table thead{display:none}.ss-table,.ss-table tbody,.ss-table tr,.ss-table td{display:block}.ss-table tr{padding:13px 16px;border-bottom:1px solid var(--line)}.ss-table td{border:0;padding:3px}.ss-periods{max-width:none}.ss-tariff{padding:22px}.ss-prow{align-items:flex-start;padding:15px 17px;min-height:0}.auth-panel{padding:28px 20px}.auth-mobile-brand{margin-bottom:35px}.auth-title{font-size:28px}.auth-oauth{grid-template-columns:1fr}.ss-toast{left:18px;right:18px;bottom:18px;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* v2 — aurora network */
:root{
  --bg:#050711;--panel:#0b1020;--panel2:#11182b;--line:rgba(163,184,255,.13);
  --line2:rgba(163,184,255,.23);--text:#f5f7ff;--muted:#8e9ab8;--muted2:#5d6986;
  --acid:#75efff;--acid2:#6c80ff;--ink:#061119;--violet:#9e73ff;
}
body{background:
  radial-gradient(circle at 78% -10%,rgba(99,84,255,.17),transparent 32%),
  radial-gradient(circle at 16% 85%,rgba(47,222,255,.08),transparent 28%),var(--bg)}
.ss-sidebar{background:rgba(6,9,19,.94);backdrop-filter:blur(24px);border-color:rgba(136,164,255,.12)}
.ss-brand__name span,.auth-mobile-brand span,.auth-brand span span{color:var(--acid)}
.ss-nav__item{color:#7f8aa6}.ss-nav__item:hover{background:rgba(119,143,255,.08)}
.ss-nav__item.is-active{background:linear-gradient(110deg,var(--acid),#8ea5ff);box-shadow:0 8px 28px rgba(92,218,255,.17)}
.ss-foot i,.ss-badge__dot{background:var(--acid);box-shadow:0 0 14px var(--acid)}
.ss-main{background:linear-gradient(rgba(114,145,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(114,145,255,.022) 1px,transparent 1px);background-size:52px 52px}
.ss-topbar{background:rgba(5,7,17,.7);backdrop-filter:blur(20px);position:sticky;top:0;z-index:10}
.ss-search,.ss-balance,.ss-card,.ss-panel,.ss-hero,.ss-periods{background:linear-gradient(145deg,rgba(19,27,49,.82),rgba(8,13,27,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.ss-content{width:min(1280px,100%)}
.ss-btn--primary,.btn-primary{background:linear-gradient(105deg,#7ef3ff,#91a3ff);box-shadow:0 10px 30px rgba(92,218,255,.14)}
.ss-btn--primary:hover,.btn-primary:hover{background:linear-gradient(105deg,#a2f7ff,#abb8ff);box-shadow:0 13px 34px rgba(92,218,255,.23)}
.ss-avatar,.ss-user__dot{background:linear-gradient(145deg,var(--acid),var(--violet))}
.ss-badge,.ss-chip.ok,.ss-pill.on{background:rgba(117,239,255,.09);color:var(--acid)}
.ss-welcome{min-height:320px;margin-bottom:22px;padding:42px clamp(28px,4vw,52px);border:1px solid rgba(132,164,255,.18);border-radius:28px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;background:
  radial-gradient(circle at 82% 50%,rgba(90,93,255,.22),transparent 27%),
  radial-gradient(circle at 70% 110%,rgba(53,230,255,.15),transparent 31%),
  linear-gradient(120deg,rgba(15,23,45,.96),rgba(7,11,25,.94));box-shadow:0 28px 90px rgba(0,0,0,.24)}
.ss-welcome:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 32%);pointer-events:none}
.ss-welcome__copy{position:relative;z-index:3;max-width:590px}
.ss-welcome__eyebrow{display:flex;align-items:center;gap:9px;color:var(--acid);font-size:10px;text-transform:uppercase;letter-spacing:1.8px;font-weight:800}
.ss-welcome__eyebrow i{width:25px;height:1px;background:currentColor;box-shadow:0 0 10px currentColor}
.ss-welcome h2{font:600 clamp(30px,4vw,52px)/1.08 var(--display);letter-spacing:-3px;margin:17px 0 14px;background:linear-gradient(90deg,#fff 20%,#b8c7ff 75%);-webkit-background-clip:text;color:transparent}
.ss-welcome p{max-width:560px;color:#9aa8c8;font-size:14px;line-height:1.75;margin:0 0 25px}
.ss-welcome__actions{display:flex;gap:9px}.ss-welcome__actions .ss-btn{min-height:49px}
.ss-welcome__actions .ss-btn span{font-size:19px}
.ss-orb{width:250px;height:250px;position:relative;flex:0 0 250px;margin:0 4% 0 40px;display:grid;place-items:center}
.ss-orb__halo,.ss-orb__grid{position:absolute;inset:0;border-radius:50%}
.ss-orb__halo{border:1px solid rgba(119,239,255,.26);box-shadow:0 0 60px rgba(77,123,255,.22),inset 0 0 50px rgba(103,104,255,.12)}
.ss-orb__halo:before,.ss-orb__halo:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(151,173,255,.16)}
.ss-orb__halo:before{inset:24px}.ss-orb__halo:after{inset:52px}
.ss-orb__grid{background:repeating-radial-gradient(circle,transparent 0 17px,rgba(118,157,255,.07) 18px 19px);animation:orbPulse 4s ease-in-out infinite}
.ss-orb__core{width:78px;height:78px;border-radius:25px;display:grid;place-items:center;color:#07101c;background:linear-gradient(145deg,var(--acid),#a995ff);box-shadow:0 0 45px rgba(117,239,255,.35);transform:rotate(-8deg)}
.ss-orb__core svg{width:34px;transform:rotate(8deg)}
.ss-orb__node{position:absolute;width:10px;height:10px;border:2px solid #091021;border-radius:50%;background:var(--acid);box-shadow:0 0 16px var(--acid)}
.ss-orb__node.n1{top:18px;left:70px}.ss-orb__node.n2{right:8px;top:123px}.ss-orb__node.n3{bottom:25px;left:44px}
@keyframes orbPulse{50%{transform:scale(1.035);opacity:.72}}
.ss-grid3{gap:14px}.ss-stat{background:linear-gradient(145deg,rgba(17,25,46,.88),rgba(7,12,25,.92));border-color:rgba(128,158,255,.15)}
.ss-stat__ic{background:rgba(117,239,255,.06);border-color:rgba(117,239,255,.14)}
.ss-hero:before{border-color:rgba(117,239,255,.12);box-shadow:0 0 0 35px rgba(116,116,255,.025),0 0 0 70px rgba(117,239,255,.015)}
.auth-story{background:
  radial-gradient(circle at 80% 30%,rgba(97,86,255,.25),transparent 25%),
  radial-gradient(circle at 15% 90%,rgba(39,222,255,.1),transparent 30%),
  linear-gradient(145deg,#0a1022,#050710)}
.auth-story:before{background:linear-gradient(rgba(130,157,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(130,157,255,.045) 1px,transparent 1px);background-size:54px 54px}
.auth-story h1 em,.auth-kicker{color:var(--acid)}
.auth-panel{background:rgba(7,10,20,.96)}
.auth-orbit{border-color:rgba(117,239,255,.12);box-shadow:0 0 0 70px rgba(102,107,255,.025),0 0 0 140px rgba(117,239,255,.012)}
.auth-orbit span{background:var(--acid);box-shadow:0 0 20px var(--acid)}
.field{background:#080c18}
.btn-oauth{background:#0f1527}
@media(max-width:850px){.ss-welcome{min-height:330px}.ss-orb{width:200px;height:200px;flex-basis:200px;margin-right:-50px;opacity:.7}}
@media(max-width:660px){.ss-welcome{min-height:420px;padding:30px 23px;align-items:flex-start}.ss-welcome h2{font-size:34px;letter-spacing:-2px}.ss-welcome__copy{z-index:3}.ss-welcome__actions{display:grid;grid-template-columns:1fr}.ss-orb{position:absolute;width:190px;height:190px;right:-48px;bottom:-53px;opacity:.48}.ss-grid3{margin-top:0}}

/* v3 — motion, devices and subscription controls */
.ss-orb__core{display:none}
.ss-orb{animation:orbFloat 7s ease-in-out infinite}
.ss-orb__halo{animation:orbTurn 24s linear infinite}
.ss-orb__halo:after{border-style:dashed;animation:orbTurnReverse 17s linear infinite}
.ss-orb__node.n1{animation:nodeGlow 2.4s ease-in-out infinite}
.ss-orb__node.n2{animation:nodeGlow 2.4s .8s ease-in-out infinite}
.ss-orb__node.n3{animation:nodeGlow 2.4s 1.6s ease-in-out infinite}
.ss-content>section,.ss-content>.ss-grid3,.ss-content>.ss-section,.ss-content>.ss-subtools{
  animation:contentIn .48s cubic-bezier(.2,.8,.2,1) both
}
.ss-content>.ss-grid3{animation-delay:.07s}.ss-content>.ss-section{animation-delay:.12s}
.ss-card,.ss-panel,.ss-hero{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.ss-card:hover,.ss-panel:hover{border-color:rgba(130,174,255,.27);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.ss-stat:hover{transform:translateY(-3px)}
.ss-subtools{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.75fr);gap:14px;margin:0 0 28px}
.ss-connect-card,.ss-slots-card{position:relative;overflow:hidden;padding:25px}
.ss-connect-card{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:18px}
.ss-connect-card:after,.ss-slots-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-90px;top:-100px;background:rgba(117,239,255,.08);filter:blur(2px);pointer-events:none}
.ss-connect-card__icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(117,239,255,.2);border-radius:18px;color:var(--acid);background:linear-gradient(145deg,rgba(117,239,255,.12),rgba(108,128,255,.08))}
.ss-connect-card__icon svg{width:25px}
.ss-connect-card h3{font:600 18px var(--display);margin:5px 0 6px}.ss-connect-card p,.ss-slots-card p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}
.ss-kicker{color:var(--acid);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1.4px}
.ss-slots-card{display:flex;flex-direction:column;align-items:flex-start}
.ss-slots-card__count{display:flex;align-items:baseline;gap:9px;margin:11px 0 7px}.ss-slots-card__count strong{font:600 38px var(--display);letter-spacing:-2px}.ss-slots-card__count span{color:var(--muted);font-size:11px}
.ss-slots-card .ss-btn{margin-top:auto;padding-top:0;position:relative;z-index:1}
.ss-loader--small{min-height:90px;font-size:12px}
.ss-devices-list{overflow:hidden}
.ss-device{min-height:74px;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--line);transition:background .18s}
.ss-device:last-child{border-bottom:0}.ss-device:hover{background:rgba(117,239,255,.025)}
.ss-device__icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;color:var(--acid);background:rgba(117,239,255,.05)}.ss-device__icon svg{width:19px}
.ss-device__meta{min-width:0;display:grid;gap:4px}.ss-device__meta strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}.ss-device__meta span{color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ss-device__remove{border:1px solid rgba(255,107,107,.2);background:rgba(255,107,107,.045);color:#ff9292;border-radius:10px;min-height:36px;padding:0 13px;font:700 10px var(--font);cursor:pointer;transition:.18s}
.ss-device__remove:hover{background:rgba(255,107,107,.12);border-color:rgba(255,107,107,.4)}
.ss-empty--compact{padding:29px 20px}.ss-empty--compact .ss-empty__ic{width:42px;height:42px;margin-bottom:12px}.ss-empty--compact h3{font-size:15px}
.ss-slotpicker{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;height:58px;margin:20px 0;border:1px solid var(--line2);border-radius:15px;background:#080d1b}
.ss-slotpicker button{height:100%;border:0;background:transparent;color:var(--text);font-size:24px;cursor:pointer}.ss-slotpicker button:hover{color:var(--acid)}
.ss-slotpicker strong{text-align:center;font:600 22px var(--display)}
.ss-slotquote__row,.ss-slotquote__price{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line);font-size:12px}.ss-slotquote__row span,.ss-slotquote__price span{color:var(--muted)}
.ss-slotquote__price{border:0;padding-top:17px}.ss-slotquote__price strong{font:600 25px var(--display);color:var(--acid)}
@keyframes contentIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes orbFloat{50%{transform:translateY(-9px)}}
@keyframes orbTurn{to{transform:rotate(360deg)}}@keyframes orbTurnReverse{to{transform:rotate(-360deg)}}
@keyframes nodeGlow{50%{transform:scale(1.45);box-shadow:0 0 26px var(--acid)}}
@media(max-width:900px){.ss-subtools{grid-template-columns:1fr}.ss-connect-card{grid-template-columns:58px 1fr}.ss-connect-card .ss-btn{grid-column:1/-1}}
@media(max-width:660px){.ss-subtools{gap:9px}.ss-connect-card,.ss-slots-card{padding:20px}.ss-connect-card{grid-template-columns:45px 1fr;gap:13px}.ss-connect-card__icon{width:44px;height:44px;border-radius:14px}.ss-device{grid-template-columns:38px minmax(0,1fr);padding:13px}.ss-device__icon{width:38px;height:38px}.ss-device__remove{grid-column:2;width:max-content}.ss-slots-card .ss-btn{margin-top:18px;width:100%}}

/* v3.1 — stable main actions */
.ss-welcome__actions{display:grid;grid-template-columns:repeat(2,minmax(190px,1fr));width:min(470px,100%);align-items:stretch}
.ss-welcome__actions .ss-btn{width:100%;height:50px;min-height:50px;padding:0 18px;white-space:nowrap;line-height:1}
.ss-welcome__actions .ss-btn span{display:inline-grid;place-items:center;height:20px}
@media(max-width:660px){
  .ss-welcome__actions{grid-template-columns:1fr;width:100%}
  .ss-welcome__actions .ss-btn{height:48px;min-height:48px}
}

.ss-rewardhero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:14px;padding:32px;border:1px solid rgba(132,164,255,.18);border-radius:24px;background:radial-gradient(circle at 80% 0,rgba(117,239,255,.12),transparent 38%),linear-gradient(135deg,rgba(18,27,52,.96),rgba(8,13,27,.94))}
.ss-rewardhero__balance{font:600 52px var(--display);letter-spacing:-3px;margin:9px 0 4px}.ss-rewardhero__balance small{font-size:22px}.ss-rewardhero p,.ss-rewardcard p,.ss-refcard p{color:var(--muted);font-size:12px;line-height:1.6;margin:0}
.ss-rewardhero__actions{display:flex;gap:8px}
.ss-rewardgrid{margin-bottom:14px}.ss-rewardcard{padding:24px}.ss-rewardcard h3,.ss-refcard h3{font:600 18px var(--display);margin:7px 0 8px}
.ss-promorow{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:19px}.ss-promorow .field{margin:0;padding:0 15px;height:46px}.ss-promorow .ss-btn{height:46px}
.ss-switch{display:flex;align-items:center;gap:11px;width:max-content;margin-top:20px;cursor:pointer}.ss-switch input{position:absolute;opacity:0}.ss-switch span{width:46px;height:25px;border-radius:20px;background:#252d43;position:relative;transition:.2s}.ss-switch span:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;left:3px;top:3px;background:#8290af;transition:.2s}.ss-switch input:checked+span{background:rgba(117,239,255,.28)}.ss-switch input:checked+span:after{left:24px;background:var(--acid);box-shadow:0 0 13px rgba(117,239,255,.5)}.ss-switch b{font-size:11px}
.ss-refcard{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);align-items:center;gap:25px;padding:25px;margin-bottom:27px}.ss-refcopy{display:grid;grid-template-columns:1fr auto auto;gap:7px}.ss-refcopy code{grid-column:1/-1;padding:12px;border:1px solid var(--line);border-radius:10px;background:#070b16;color:#aab8dc;overflow:hidden;text-overflow:ellipsis;font-size:10px;white-space:nowrap}.ss-refcopy .ss-btn{min-height:40px;font-size:10px;text-decoration:none}
.ss-binding,.ss-tx{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 18px;border-bottom:1px solid var(--line)}.ss-binding:last-child,.ss-tx:last-child{border-bottom:0}.ss-binding>div,.ss-tx>div{display:grid;gap:4px}.ss-binding strong,.ss-tx strong{font-size:12px}.ss-binding span,.ss-tx span{color:var(--muted);font-size:10px}.ss-binding button{border:1px solid rgba(255,107,107,.2);border-radius:9px;background:rgba(255,107,107,.05);color:#ff9292;padding:8px 11px;font:700 9px var(--font);cursor:pointer}.ss-tx>b{font-size:12px}.ss-tx>b.plus{color:var(--acid)}.ss-tx>b.minus{color:#ff9292}
.ss-appgrid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.ss-appgrid a{display:grid;gap:3px;padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(117,239,255,.025);text-decoration:none;transition:.18s}.ss-appgrid a:hover{border-color:rgba(117,239,255,.35);transform:translateY(-1px)}.ss-appgrid span{font-size:10px}.ss-appgrid b{color:var(--acid);font-size:9px}
@media(max-width:760px){.ss-rewardhero{align-items:flex-start;flex-direction:column;padding:24px}.ss-rewardhero__actions{display:grid;width:100%}.ss-rewardhero .ss-btn{width:100%}.ss-refcard{grid-template-columns:1fr}.ss-refcopy{grid-template-columns:1fr 1fr}.ss-promorow{grid-template-columns:1fr}.ss-promorow .ss-btn{width:100%}.ss-appgrid{grid-template-columns:1fr}}

/* v3.2 — strict visual sizing */
.ss-shell svg{display:block;flex:0 0 auto;max-width:100%;max-height:100%}
.ss-nav__item{min-height:46px;height:46px;padding:0 12px;overflow:hidden}
.ss-nav__item .ss-cell__icon{width:22px;height:22px;min-width:22px;font-size:16px}
.ss-nav__item .ss-cell__icon svg{width:17px!important;height:17px!important}
.ss-btn{box-sizing:border-box;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.ss-btn svg{width:16px!important;height:16px!important}
.ss-stat__ic{width:36px!important;height:36px!important;min-width:36px;overflow:hidden;font-size:15px!important}
.ss-stat__ic svg{width:17px!important;height:17px!important}
.ss-empty__ic{width:44px!important;height:44px!important;overflow:hidden;font-size:20px!important}
.ss-empty__ic svg{width:21px!important;height:21px!important}
.ss-connect-card__icon svg,.ss-device__icon svg{width:20px!important;height:20px!important}
.ss-welcome__actions{gap:10px}
.ss-welcome__actions .ss-btn{display:flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;font-size:12px}
@media(max-width:1100px) and (min-width:661px){.ss-welcome__actions{grid-template-columns:1fr;width:min(310px,100%)}.ss-welcome{padding-right:28px}.ss-orb{margin-left:20px}}

/* v4.1 — clean monochrome outline icons */
.ss-line-icon,.ss-nav__item .ss-cell__icon svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ss-nav__item .ss-cell__icon{color:#7f8ca8}
.ss-nav__item .ss-cell__icon svg{width:18px!important;height:18px!important}
.ss-nav__item:hover .ss-cell__icon,.ss-nav__item.is-active .ss-cell__icon{color:var(--acid)}
.ss-stat__ic svg{width:20px!important;height:20px!important}
.ss-empty__ic svg{width:23px!important;height:23px!important}
.ss-connect-card__icon svg{width:22px!important;height:22px!important}

/* v4.2 — readable navigation icons and explicit active state */
.ss-nav__item{gap:11px!important}
.ss-nav__item .ss-cell__icon{
  width:32px!important;height:32px!important;min-width:32px!important;
  border:1px solid rgba(151,176,232,.18);border-radius:10px;
  color:#b4c2df;background:rgba(132,154,211,.08);
  transition:color .18s ease,background .18s ease,border-color .18s ease,transform .18s ease;
}
.ss-nav__item .ss-cell__icon svg{width:20px!important;height:20px!important;stroke-width:2!important}
.ss-nav__item:hover .ss-cell__icon{
  color:#fff;background:rgba(117,239,255,.12);border-color:rgba(117,239,255,.34);
  transform:translateY(-1px);
}
.ss-nav__item.is-active .ss-cell__icon{
  color:#07111d!important;background:rgba(255,255,255,.78);
  border-color:rgba(255,255,255,.9);box-shadow:0 5px 16px rgba(5,15,31,.18);
}
.ss-nav__item.is-active .ss-cell__icon svg{stroke:currentColor!important}

/* v4.3 — plain white navigation icons, no tile */
.ss-nav__item .ss-cell__icon,
.ss-nav__item:hover .ss-cell__icon,
.ss-nav__item.is-active .ss-cell__icon{
  color:#fff!important;
  background:transparent!important;
  border-color:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
:root{}
@font-face{font-family:Manrope;src:url("/static/fonts/manrope-400.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("/static/fonts/manrope-500.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("/static/fonts/manrope-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("/static/fonts/manrope-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("/static/fonts/manrope-800.ttf") format("truetype");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:Unbounded;src:url("/static/fonts/unbounded-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Unbounded;src:url("/static/fonts/unbounded-700.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}