/* =====================================================================
   Synlo portals, landing-parity layer (client, admin, staff, builder, auth)
   Same language as the marketing site: Aeonik, off-white canvas, floating white pill chrome, 1px #e0e0e0 hairlines,
   deep-navy actions, pastel pixel hero bands, outlined badges, generous radii, zero gradients and heavy shadows.
   ===================================================================== */
@font-face{font-family:Aeonik;font-weight:300 400;font-display:swap;src:url(/images/Aeonik-Regular.woff2) format("woff2")}
@font-face{font-family:Aeonik;font-weight:500 600;font-display:swap;src:url(/images/Aeonik-Medium.woff2) format("woff2")}
@font-face{font-family:Aeonik;font-weight:700 900;font-display:swap;src:url(/images/Aeonik-Bold.woff2) format("woff2")}
:root{
  --action:#7b6cfd;--action-2:#6a5af5;--action-soft:#edeaff;
  --sidebar-w:272px;--topbar-h:64px;--ink:#0b0826;--ink-2:#171344;--canvas:#f5f7f5;--hair:#e0e0e0;--hair-2:#ebebeb;--lav:#f5f0fb;--lav-2:#e7e0f5;--indigo:#4946fd;--mute:#6f7279;
  --font:Aeonik,Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-d:Aeonik,Inter,system-ui,sans-serif;
  --ease:cubic-bezier(.2,.8,.2,1);
  --sb:#fff;--sb-2:#f5f7f5;--sb-line:#e0e0e0;--sb-text:#0b0826;
  --r-lg:20px;--r:14px;--r-sm:10px;
}
html{scroll-behavior:smooth}
body{font-family:var(--font);font-size:15px;letter-spacing:-.005em;background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.page-head h1{font-family:var(--font-d);font-weight:500;letter-spacing:-.03em;color:var(--ink)}
::selection{background:var(--lav-2)}

/* ---------- chrome: floating white sidebar + pill top bar ---------- */
.sidebar,.console .sidebar{inset:12px auto 12px 12px;width:calc(var(--sidebar-w) - 12px);background:#fff;color:var(--ink);border:1px solid var(--hair);border-radius:22px;box-shadow:none;overflow:hidden}
.main{margin-left:calc(var(--sidebar-w) + 4px)}
.topbar,.console .topbar{position:sticky;top:12px;height:var(--topbar-h);margin:12px 20px 0;padding:0 14px 0 20px;background:#fff;border:1px solid var(--hair);border-radius:20px;backdrop-filter:none;-webkit-backdrop-filter:none;transition:box-shadow .2s var(--ease),border-color .2s}
.topbar.scrolled{border-color:#cfcfe0;box-shadow:0 10px 30px rgba(11,8,38,.07)}
.sb-brand{padding:20px 18px 14px}.sb-brand b{font-size:19px;font-weight:600;letter-spacing:-.03em;color:var(--ink)}.sb-brand small{color:var(--mute)}
.sb-scroll{padding:6px 12px 12px}
.nav-label,.console .nav-label{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);padding:16px 12px 6px}
.nav-item,.console .nav-item{position:relative;display:flex;align-items:center;gap:11px;padding:10px 12px;margin:2px 0;border-radius:12px;font-weight:500;font-size:14.5px;color:var(--ink);transition:background .15s,color .15s,transform .15s var(--ease)}
.nav-item svg,.nav-item i{width:18px;height:18px;opacity:.7;flex:none}
.nav-item:hover,.console .nav-item:hover{background:var(--canvas);color:var(--ink)}
.nav-item:active{transform:scale(.985)}
.nav-item.active,.console .nav-item.active{background:var(--action);color:#fff}
.nav-item.active svg,.nav-item.active i{opacity:1}
.nav-item.active::before,.console .nav-item.active::before{display:none}
.nav-count{background:var(--indigo);color:#fff;border-radius:99px;font-size:11px;padding:2px 8px;margin-left:auto}
.nav-item.active .nav-count{background:#fff;color:var(--ink)}
.sb-foot{border-top:1px solid var(--hair-2);padding:12px;background:#fff}
.avatar-circle{background:var(--action)!important;color:#fff!important;font-weight:500}
.icon-btn,.avatar-btn{border:1px solid var(--hair);background:#fff;border-radius:12px;color:var(--ink);transition:border-color .15s,background .15s}
.icon-btn:hover{border-color:var(--action);background:#fff}
.search-trigger{border:1px solid var(--hair);background:var(--canvas);border-radius:12px;color:var(--mute);font-weight:400}
.search-trigger:hover{border-color:var(--action)}
.dropdown,.account-dropdown{border:1px solid var(--hair);border-radius:16px;box-shadow:0 24px 60px rgba(11,8,38,.14);background:#fff}
.dd-item:hover{background:var(--canvas)}
.content{padding:26px 28px 70px;max-width:1280px}
.crumb-active,.breadcrumb{color:var(--mute)}

/* ---------- page heads + hero bands ---------- */
.page-head{margin-bottom:24px}
.page-head h1{font-size:clamp(30px,3.4vw,44px);line-height:1.08}
.page-head p,.page-sub{color:var(--mute);font-size:16px;margin-top:6px}
.hero,.ds-hero,.welcome,.ag-hero{position:relative;overflow:hidden;border-radius:24px;padding:34px;color:var(--ink)!important;border:1px solid var(--hair);box-shadow:none!important;
  background-color:#e3dded!important;
  background-image:linear-gradient(180deg,rgba(245,247,245,0) 40%,rgba(245,247,245,.92) 100%),
    conic-gradient(from 90deg at 2px 2px,#0000 90deg,rgba(255,255,255,.34) 0) 0 0/44px 44px!important}
.hero h1,.hero h2,.hero h3,.ds-hero h1,.ds-hero h2,.welcome h1,.ag-hero h2{color:var(--ink)!important;font-size:clamp(30px,4vw,52px);line-height:1.04;letter-spacing:-.035em}
.hero p,.ds-hero p{color:#3b3b52!important}
.hero-eyebrow,.hero-chip,.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#4946fd;color:#fff;border-radius:99px;padding:6px 14px;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none}
.hero-chips .hero-chip{background:#fff;color:var(--ink);border:1px solid var(--hair)}
.hero-search,.ds-search{background:#fff;border:1px solid var(--hair);border-radius:16px;padding:6px 6px 6px 16px;box-shadow:none}
.hero-search input,.ds-search input{border:0!important;outline:0!important;box-shadow:none!important;background:transparent}
.hero-search .btn,.ds-search .btn{border-radius:12px}

/* ---------- surfaces ---------- */
.card,.qa-card,.site-card,.vps-card,.result-card,.tld-card,.empty-state-card,.profile-head,.wallet-mini,.list,.quote-card,.syn-result{background:#fff;border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:none}
.card{padding:24px}
.card-head h3,.card h3{font-size:19px;font-weight:500;letter-spacing:-.02em}
.card-sub,.syn-muted,.field-hint{color:var(--mute)}
.qa-card,.site-card,.vps-card,.tld-card,.stat,.kpi{transition:border-color .18s,transform .22s var(--ease),box-shadow .22s}
.qa-card:hover,.site-card:hover,.vps-card:hover,.tld-card:hover,.stat:hover,.kpi.click:hover{border-color:var(--action);transform:translateY(-2px);box-shadow:0 18px 40px rgba(11,8,38,.08)}
.qa-icon,.stat-ic,.vps-ic,.lr-ic{background:var(--lav)!important;color:var(--ink)!important;border-radius:14px}
.stat,.kpi{background:#fff;border:1px solid var(--hair);border-radius:var(--r-lg);box-shadow:none;padding:20px}
.stat b,.kpi .k-val,.kpi b{font-family:var(--font-d);font-size:34px;font-weight:500;letter-spacing:-.03em;color:var(--ink)}
.stat span,.k-lab{color:var(--mute);font-size:13.5px}
.wallet-card{background:var(--action)!important;color:#fff!important;border-radius:var(--r-lg);border:0;box-shadow:none!important}
.wallet-card *{color:inherit}
.banner{border-radius:16px;border:1px solid var(--hair);background:#fff}.banner.warn{background:#fff8e8;border-color:#f1dca6}.banner .b-ic{background:var(--lav);color:var(--ink);border-radius:12px}

/* ---------- controls ---------- */
.btn{height:44px;padding:0 20px;border-radius:12px;font-weight:500;font-size:15px;letter-spacing:-.005em;transition:background .15s,box-shadow .15s,transform .12s var(--ease),border-color .15s}
.btn:active{transform:scale(.98)}
.btn-sm{height:36px;padding:0 14px;font-size:14px;border-radius:10px}.btn-lg{height:52px;font-size:16px}
.btn-primary,.sy-btn{background:var(--action)!important;color:#fff!important;box-shadow:none!important;border:0}
.btn-primary:hover{background:var(--action-2)!important}
.btn-outline,.btn-outline-pill,.btn-row-outline{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--action);border:0}
.btn-outline:hover{background:var(--canvas)}
.btn-soft{background:var(--lav);color:var(--ink);border:0}.btn-soft:hover{background:var(--lav-2)}
.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--hair)}.btn-ghost:hover{border-color:var(--action)}
.btn-danger-soft{background:#fdebe9;color:#b3261e;border:0}
.btn[disabled]{opacity:.5;cursor:not-allowed}
input,select,textarea,.syn-input,.syn-select,.syn-textarea{font-family:var(--font);border:1px solid var(--hair)!important;border-radius:12px!important;background:#fff;color:var(--ink);transition:border-color .15s,box-shadow .15s}
input,select,.syn-input,.syn-select{min-height:46px}
input:focus,select:focus,textarea:focus{border-color:var(--indigo)!important;box-shadow:0 0 0 4px rgba(73,70,253,.12)!important;outline:0}
.syn-label,label.af,.af label{font-size:13.5px;font-weight:500;color:var(--ink)}
.seg{display:inline-flex;border:1px solid var(--hair);border-radius:12px;background:#fff;overflow:hidden;padding:0}
.seg button{border:0;background:#fff;padding:10px 16px;font:500 14px var(--font);color:var(--ink);border-right:1px solid var(--hair)}
.seg button:last-child{border-right:0}.seg button.on,.seg button.active{background:var(--action);color:#fff}
.tab{font-weight:500;border-radius:10px}.tab.active,.tab.on{background:var(--action);color:#fff}
.chip,.syn-pill,.pill{border-radius:99px;background:#fff;border:1px solid var(--hair);color:var(--ink);font-weight:500;font-size:12.5px}
.pill.ok,.pill.good,.pill.active{background:#e7f6ee;border-color:#c8ebd7;color:#0d7a45}.pill.warn{background:#fff3dc;border-color:#f1dca6;color:#8a5a00}.pill.bad,.pill.err{background:#fdebe9;border-color:#f5c6c1;color:#b3261e}
.chip.on,.topup-chips .chip.on{background:var(--action);color:#fff;border-color:var(--action)}
.toggle-switch input:checked+.toggle-slider{background:var(--action)}
.progress{height:8px;border-radius:99px;background:var(--hair-2)}.progress>*{background:var(--action);border-radius:99px}
.table-wrap{border:1px solid var(--hair);border-radius:var(--r-lg);background:#fff;overflow:auto}
.tbl th{background:#fff;color:var(--mute);font-size:11.5px;font-weight:500;letter-spacing:.1em;border-bottom:1px solid var(--hair);padding:14px 18px}
.tbl td{padding:15px 18px;border-bottom:1px solid var(--hair-2)}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover{background:var(--canvas)}
.syn-modal-bg{background:rgba(11,8,38,.5);backdrop-filter:blur(6px)}.syn-modal{border-radius:24px;border:1px solid var(--hair);box-shadow:0 40px 100px rgba(11,8,38,.28);background:#fff}
.syn-toast{background:var(--action);color:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(11,8,38,.28)}.syn-toast.err{background:#b3261e}.syn-toast.ok{background:#0d7a45}
.cmdk{border-radius:22px;border:1px solid var(--hair);box-shadow:0 40px 100px rgba(11,8,38,.25)}.cmdk-bg{background:rgba(11,8,38,.45);backdrop-filter:blur(5px)}.cmdk-item:hover,.cmdk-item.on{background:var(--canvas)}
.tabbar{background:#fff;border-top:1px solid var(--hair);backdrop-filter:none}.tabbar .tab-ic{color:var(--mute)}.tabbar .on{color:var(--ink)}

/* ---------- plan / product cards: marketing pricing-card anatomy ---------- */
.opt-card{border:1px solid var(--hair)!important;border-radius:var(--r-lg)!important;background:#fff!important;transition:border-color .18s,box-shadow .22s,transform .22s var(--ease)}
.opt-card:hover{border-color:var(--action)!important;transform:translateY(-2px);box-shadow:0 18px 40px rgba(11,8,38,.07)}
.opt-card:has(input:checked){border:2px solid var(--action)!important;box-shadow:0 18px 40px rgba(11,8,38,.1)}
.opt-card .oc-inc{text-transform:uppercase;letter-spacing:.12em;font-size:11.5px;color:var(--mute);font-weight:500}
.opt-card .oc-feat{border-bottom:1px dashed #cfcfd8;padding-bottom:1px}
.opt-card .oc-feat svg{color:var(--action)}

/* ---------- payment methods (billing) ---------- */
.pm-list{display:grid;gap:10px;margin:14px 0}.pm-row{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--hair);border-radius:16px;flex-wrap:wrap}
.pm-ic{width:48px;height:34px;border-radius:8px;background:var(--action);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.pm-main{flex:1;min-width:180px}.pm-main b{display:block;font-weight:500}.pm-main span{color:var(--mute);font-size:13px}
.pm-empty{padding:18px;border:1px dashed var(--hair);border-radius:16px;color:var(--mute);margin:14px 0}
.pm-prefs{border-top:1px solid var(--hair-2);margin-top:16px;padding-top:6px}.pm-switch{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--hair-2);cursor:pointer}
.pm-switch small{display:block;color:var(--mute);font-size:13px;margin-top:2px;font-weight:400}.pm-switch input{width:20px;height:20px;min-height:0;accent-color:var(--ink);flex:none}
.pm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.pm-grid label{font-size:13px;color:var(--mute)}.pm-grid select{width:100%;margin-top:5px;color:var(--ink)}
.pm-add{margin-top:16px;padding:18px;border-radius:16px;background:var(--action-soft)}.pm-add .topup-chips{display:flex;gap:8px;margin:12px 0}

/* ---------- auth pages ---------- */
.auth-main,.auth-body{background:var(--canvas)}.auth-card{background:#fff;border:1px solid var(--hair);border-radius:24px;box-shadow:none}
.auth-side{background-color:#e3dded;background-image:conic-gradient(from 90deg at 2px 2px,#0000 90deg,rgba(255,255,255,.34) 0) 0 0/44px 44px;color:var(--ink)}
.auth-side *{color:inherit}.auth-btn{background:var(--action);color:#fff;border-radius:12px;font-weight:500;box-shadow:none}

/* ---------- next-gen motion + states ---------- */
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes shimmer{to{background-position:-200% 0}}
@keyframes pulse-dot{0%{box-shadow:0 0 0 0 rgba(13,122,69,.45)}100%{box-shadow:0 0 0 9px rgba(13,122,69,0)}}
.content>*{animation:rise .42s var(--ease) both}.content>*:nth-child(2){animation-delay:.04s}.content>*:nth-child(3){animation-delay:.08s}.content>*:nth-child(4){animation-delay:.12s}.content>*:nth-child(n+5){animation-delay:.16s}
.stats>*,.qa-grid>*,.dash-grid>*,.vps-grid>*,.cards>*{animation:rise .5s var(--ease) both}.stats>*:nth-child(2),.qa-grid>*:nth-child(2){animation-delay:.05s}.stats>*:nth-child(3),.qa-grid>*:nth-child(3){animation-delay:.1s}.stats>*:nth-child(4),.qa-grid>*:nth-child(4){animation-delay:.15s}
.sk,.skel{background:linear-gradient(90deg,#ececf1 25%,#f6f6f9 37%,#ececf1 63%)!important;background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:12px}
.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#0d7a45;animation:pulse-dot 1.8s infinite;margin-right:8px}
.theme-btn{display:grid;place-items:center;width:40px;height:40px}
body.dark{--canvas:#0a0c16;--hair:#262a40;--hair-2:#1d2136;--ink:#f5f7f5;--ink-2:#fff;--lav:rgba(73,70,253,.16);--lav-2:rgba(73,70,253,.3);--mute:#8f94ad;--sb:#101326;--sb-2:#131730;--sb-line:#262a40;--sb-text:#f5f7f5}
body.dark .sidebar,body.dark .topbar,body.dark .card,body.dark .stat,body.dark .kpi,body.dark .qa-card,body.dark .site-card,body.dark .vps-card,body.dark .table-wrap,body.dark .opt-card,body.dark .syn-modal,body.dark .cmdk,body.dark .dropdown,body.dark .sb-foot,body.dark .icon-btn,body.dark .avatar-btn,body.dark input,body.dark select,body.dark textarea,body.dark .tbl th,body.dark .seg,body.dark .seg button,body.dark .chip,body.dark .pill,body.dark .tabbar,body.dark .banner,body.dark .auth-card{background:#101326!important;color:#f5f7f5}
body.dark .btn-primary,body.dark .nav-item.active,body.dark .seg button.on,body.dark .topup-chips .chip.on{background:#f5f7f5!important;color:#0b0826!important}
body.dark .hero,body.dark .ds-hero{background-color:#1a1740!important;color:#f5f7f5!important}body.dark .hero h1,body.dark .hero h2,body.dark .ds-hero h1{color:#f5f7f5!important}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .sidebar,.console .sidebar{inset:0 auto 0 0;width:min(86vw,320px);border-radius:0 22px 22px 0}
  .main{margin-left:0}.topbar,.console .topbar{margin:8px 10px 0;top:8px;border-radius:16px;padding:0 10px 0 14px}
  .content{padding:18px 14px 96px}.hero,.ds-hero{padding:24px;border-radius:20px}.pm-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* ---------- requested fixes: borderless inputs, wallet widget, auth card ---------- */
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea,.syn-input,.syn-select,.syn-textarea,.af input{border:0!important;background:#f1f2f1!important;box-shadow:none!important;outline:none!important}
input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus,.syn-input:focus,.syn-select:focus,.syn-textarea:focus,.af input:focus{border:0!important;background:#e9eaf3!important;box-shadow:none!important;outline:none!important}
.hero-search,.ds-search,.search-trigger,.ag-comp,.wz-field,.iw{border:0!important;box-shadow:none!important}
.hero-search,.ds-search{background:#fff}
body.dark input:not([type=checkbox]):not([type=radio]),body.dark select,body.dark textarea{background:#1a1e36!important}
.wallet-mini{background:var(--action)!important;color:#fff!important;border:0;display:flex}.wallet-mini *{color:inherit!important}.wallet-mini small,.wallet-mini .wm-sub{opacity:.7}
.sb-foot .wallet-mini{min-height:62px;margin-bottom:10px}
.auth-card{padding:34px 28px!important}.auth-card .mobile-brand{margin-bottom:22px}.auth-main{align-items:flex-start;padding-top:max(32px,6vh)}
@media(max-width:900px){.auth-body{display:block}.auth-card{max-width:480px;margin:0 auto}}

/* ---------- Store + landing-style plan cards ---------- */
.sc-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.sc-tab{border:1px solid var(--hair);background:#fff;color:var(--ink);border-radius:99px;padding:9px 16px;font:500 14px var(--font);cursor:pointer;transition:all .15s}.sc-tab:hover{border-color:var(--action)}.sc-tab.on{background:var(--action);color:#fff;border-color:var(--action)}
.sc-term{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:0 0 22px;padding:18px 20px;background:#fff;border:1px solid var(--hair);border-radius:20px}
.sc-term-h b{display:block;font-size:18px;font-weight:500;letter-spacing:-.02em}.sc-term-h span{color:var(--mute);font-size:14px}
.sc-seg{display:inline-flex;border:1px solid var(--hair);border-radius:12px;overflow:hidden;background:#fff}.sc-seg button{border:0;background:#fff;padding:11px 16px;font:500 14px var(--font);color:var(--ink);border-right:1px solid var(--hair);cursor:pointer}.sc-seg button:last-child{border-right:0}.sc-seg button.on{background:var(--action);color:#fff}
.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}
.sc-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hair);border-radius:22px;padding:26px;text-align:left;transition:border-color .18s,transform .22s var(--ease),box-shadow .22s}
.sc-card:hover{border-color:var(--action);transform:translateY(-2px);box-shadow:0 20px 44px rgba(11,8,38,.08)}
.sc-name{margin:0;font-size:26px;font-weight:500;letter-spacing:-.03em;line-height:1.15}.sc-desc{margin:10px 0 0;color:var(--mute);font-size:15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sc-priceline{display:flex;justify-content:space-between;align-items:center;margin-top:22px;min-height:30px}.sc-was{color:var(--mute);font-size:15px}
.sc-off{border:1px solid var(--action);padding:5px 12px;font-size:13px;font-weight:500;letter-spacing:.02em}
.sc-price{display:flex;align-items:baseline;gap:8px;margin-top:6px}.sc-price b{font-family:var(--font-d);font-size:46px;font-weight:500;letter-spacing:-.04em;line-height:1}.sc-price span{color:var(--mute);font-size:16px}
.sc-note{margin:10px 0 0;color:var(--mute);font-size:14px;line-height:1.5}.sc-setup{margin:6px 0 0;color:var(--indigo);font-size:13.5px;font-weight:500}
.sc-cta{margin-top:20px;width:100%;height:50px;border:0;border-radius:12px;background:var(--action);color:#fff;font:500 16px var(--font);cursor:pointer;transition:background .15s,transform .12s}.sc-cta:hover{background:var(--action-2)}.sc-cta:active{transform:scale(.985)}
.sc-inc{margin-top:22px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);font-weight:500}
.sc-feats{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:11px}.sc-feats li{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.35}.sc-feats li span{border-bottom:1px dashed #b9b9c6;padding-bottom:1px}
.sc-ck{width:20px;height:20px;flex:none;color:var(--action);margin-top:1px}
.pickgrid.sc-grid{display:grid}.pick.sc-btn{all:unset;display:block;cursor:pointer;border-radius:22px;border:2px solid transparent;transition:border-color .15s,transform .15s}.pick.sc-btn .sc-card{height:100%}.pick.sc-btn.on{border-color:var(--action)}.pick.sc-btn.on .sc-card{border-color:transparent;box-shadow:0 20px 44px rgba(11,8,38,.1)}.pick.sc-btn:focus-visible{outline:3px solid var(--indigo);outline-offset:3px}.pick.sc-btn[disabled]{opacity:.5;cursor:not-allowed}
.pick.sc-btn.on .sc-name::after{content:"Selected";margin-left:10px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;background:var(--action);color:#fff;border-radius:99px;padding:3px 10px;vertical-align:middle}
@media(max-width:640px){.sc-grid{grid-template-columns:1fr}.sc-price b{font-size:40px}.sc-term{padding:14px}.sc-seg{width:100%}.sc-seg button{flex:1;padding:11px 6px}}

.pm-ic{background:var(--action)}.nav-item.active,.console .nav-item.active{color:#fff}.nav-item.active svg{color:#fff}
.btn-soft{background:var(--action-soft)}.btn-soft:hover{background:#e2ddff}
input[type=checkbox],input[type=radio]{accent-color:var(--action)}
.wallet-mini,.wallet-card{background:var(--action)!important}
.avatar-circle{background:var(--action)!important}
body.dark{--action:#8b7eff;--action-2:#9a8fff}
body.dark .btn-primary,body.dark .nav-item.active,body.dark .seg button.on,body.dark .topup-chips .chip.on{background:var(--action)!important;color:#fff!important}

.cfg-frame-wrap{background:#fff;border:1px solid var(--hair);border-radius:22px;overflow:hidden}.cfg-frame-wrap iframe{display:block;width:100%;min-height:900px;border:0;background:#fff}