body.auth-pending .js-login-fallback{display:none!important}
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');
.font-future{font-family:'Orbitron',system-ui,sans-serif;letter-spacing:.02em}
.glass{background:linear-gradient(145deg,rgba(10,18,40,.68),rgba(8,10,22,.72));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(129,140,248,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 14px 35px rgba(0,0,0,.35)}
.glass-hover:hover{background:linear-gradient(145deg,rgba(16,30,64,.82),rgba(8,10,22,.82));border-color:rgba(129,140,248,.36);box-shadow:0 12px 36px rgba(99,102,241,.18);transform:translateY(-2px);transition:all .25s ease}
.glass-input{background:rgba(0,0,0,.32);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 16px;color:#fff;font-size:14px;width:100%;outline:none;transition:border-color .2s,box-shadow .2s}
.glass-input::placeholder{color:rgba(255,255,255,.4)}
.glass-input:focus{border-color:rgba(249,115,22,.45);box-shadow:0 0 0 3px rgba(249,115,22,.15)}
.glass-button{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.24);color:#fff;border-radius:999px;padding:10px 18px;font-weight:700;letter-spacing:.02em;transition:all .2s;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.glass-button:hover{background:rgba(255,255,255,.12);border-color:rgba(249,115,22,.42)}
.glass-button-primary{background:linear-gradient(135deg,#f97316,#6366f1);color:#fff;border-radius:999px;padding:12px 24px;font-weight:700;letter-spacing:.03em;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .2s,box-shadow .2s;width:100%}
.glass-button-primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(249,115,22,.28)}
.glass-button-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}
.link-brand{color:#818cf8;text-decoration:none}.link-brand:hover{color:#a5b4fc}
.accent-stripes{position:fixed;inset:0;pointer-events:none;z-index:0}
.accent-stripes::before,.accent-stripes::after{content:"";position:absolute;left:-10%;right:-10%;height:10px;transform:skewY(-6deg);background:linear-gradient(90deg,rgba(249,115,22,0),rgba(249,115,22,.85),rgba(249,115,22,0));opacity:.85}
.accent-stripes::before{top:110px}.accent-stripes::after{bottom:90px;opacity:.65}

/* Auth pages */
.auth-shell{border-radius:1.35rem;padding:1.65rem 1.5rem;background:linear-gradient(165deg,rgba(255,255,255,.05),rgba(0,0,0,.28));border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px rgba(0,0,0,.35)}
@media(min-width:640px){.auth-shell{padding:2rem 2rem}}
.auth-eyebrow{display:inline-flex;padding:.3rem .8rem;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fb923c;background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.22);margin-bottom:.85rem}
.auth-title{font-family:Orbitron,system-ui,sans-serif;font-size:1.65rem;font-weight:700;color:#fff;margin:0 0 .5rem;letter-spacing:.02em}
.auth-subtitle{font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.42);margin:0 0 1.35rem}
.auth-tabs{display:flex;gap:.5rem;margin-bottom:1.35rem;padding:.35rem;border-radius:999px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08)}
.auth-tabs .glass-button,.auth-tabs .glass-button-primary{flex:1;border-radius:999px!important;padding:.65rem 1rem!important;font-size:.8125rem!important;width:auto!important;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;transform:none!important;color:rgba(255,255,255,.55)!important;font-weight:600!important}
.auth-tabs .glass-button-primary{background:linear-gradient(135deg,rgba(249,115,22,.25),rgba(99,102,241,.3))!important;border-color:rgba(129,140,248,.35)!important;color:#fff!important;box-shadow:0 4px 16px rgba(99,102,241,.15)!important}
.auth-tabs .glass-button:hover{color:#fff!important;background:rgba(255,255,255,.06)!important}

.wizard-steps{display:flex;align-items:flex-start;justify-content:center;gap:0;margin-bottom:1.75rem}
.wizard-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:88px;position:relative;flex:1;max-width:120px}
.wizard-step:not(:last-child)::after{content:"";position:absolute;top:14px;left:calc(50% + 20px);width:calc(100% - 40px);height:2px;background:rgba(255,255,255,.12)}
.wizard-step.done:not(:last-child)::after,.wizard-step.active:not(:last-child)::after{background:linear-gradient(90deg,#818cf8,rgba(129,140,248,.2))}
.wizard-step__num{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.45);position:relative;z-index:1}
.wizard-step.active .wizard-step__num{background:linear-gradient(135deg,#6366f1,#818cf8);border-color:transparent;color:#fff;box-shadow:0 0 20px rgba(99,102,241,.45)}
.wizard-step.done .wizard-step__num{background:rgba(16,185,129,.2);border-color:rgba(16,185,129,.45);color:#6ee7b7}
.wizard-step__label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:rgba(255,255,255,.35);text-align:center}
.wizard-step.active .wizard-step__label{color:rgba(255,255,255,.85)}
.hidden-step{display:none!important}

/* Cabinet */
.cabinet-page-head{margin-bottom:1.75rem}
.cabinet-page-head__label{display:inline-flex;padding:.3rem .8rem;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#818cf8;background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.25);margin-bottom:.75rem}
.cabinet-page-head__title{font-family:Orbitron,system-ui,sans-serif;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:#fff;margin:0 0 .45rem;letter-spacing:.02em}
.cabinet-page-head__title .hl-orange{color:#f97316}
.cabinet-page-head__sub{font-size:.9rem;color:rgba(255,255,255,.42);margin:0;max-width:36rem;line-height:1.55}

.cabinet-layout{display:grid;grid-template-columns:1fr;gap:1.5rem}
@media(min-width:1024px){.cabinet-layout{grid-template-columns:210px 1fr;gap:1.75rem}}
.cabinet-nav{display:flex;flex-direction:row;gap:.4rem;overflow-x:auto;padding:.5rem;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.07)}
@media(min-width:1024px){.cabinet-nav{flex-direction:column;overflow:visible;padding:.65rem}}
.cabinet-nav__btn{flex-shrink:0;width:100%;text-align:left;padding:.7rem 1rem;border-radius:12px;border:1px solid transparent;background:transparent;color:rgba(255,255,255,.5);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;position:relative}
.cabinet-nav__btn:hover{background:rgba(255,255,255,.05);color:#fff}
.cabinet-nav__btn.is-active{background:rgba(99,102,241,.12);border-color:rgba(129,140,248,.28);color:#fff}
.cabinet-nav__btn.is-active::before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:999px;background:linear-gradient(180deg,#f97316,#818cf8)}
@media(max-width:1023px){.cabinet-nav__btn.is-active::before{display:none}}

.cabinet-card{border-radius:1.25rem;padding:1.5rem 1.35rem;background:linear-gradient(165deg,rgba(255,255,255,.04),rgba(0,0,0,.22));border:1px solid rgba(255,255,255,.08)}
@media(min-width:640px){.cabinet-card{padding:1.75rem 1.65rem}}
.cabinet-card__title{font-family:Orbitron,system-ui,sans-serif;font-size:1.05rem;font-weight:700;color:#fff;margin:0 0 .35rem}
.cabinet-card__sub{font-size:.8125rem;color:rgba(255,255,255,.4);margin:0 0 1.25rem;line-height:1.5}

.status-ring{--progress:.75;width:120px;height:120px;border-radius:999px;background:conic-gradient(#34d399 calc(var(--progress)*360deg),rgba(255,255,255,.08) 0);display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 40px rgba(52,211,153,.12)}
.status-ring::before{content:"";position:absolute;inset:8px;border-radius:999px;background:rgba(8,10,22,.92)}
.status-ring__inner{position:relative;z-index:1;text-align:center}
.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}
@media(min-width:640px){.stat-grid{grid-template-columns:repeat(4,1fr)}}
.stat-card{border-radius:14px;padding:1rem 1.05rem;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.07);transition:border-color .2s,transform .2s}
.stat-card:hover{border-color:rgba(129,140,248,.25);transform:translateY(-1px)}
.stat-card--orange{border-top:2px solid rgba(249,115,22,.5)}
.stat-card--indigo{border-top:2px solid rgba(99,102,241,.5)}
.stat-card--emerald{border-top:2px solid rgba(52,211,153,.5)}
.stat-card--violet{border-top:2px solid rgba(167,139,250,.5)}
.stat-card__label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.4)}
.stat-card--orange .stat-card__label{color:rgba(249,115,22,.75)}
.stat-card--indigo .stat-card__label{color:rgba(129,140,248,.85)}
.stat-card--emerald .stat-card__label{color:rgba(52,211,153,.85)}
.stat-card--violet .stat-card__label{color:rgba(167,139,250,.85)}
.stat-card__value{margin-top:.4rem;font-size:15px;font-weight:700;color:#fff}

.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.badge--ok{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.35);color:#6ee7b7}
.badge--warn{background:rgba(249,115,22,.12);border:1px solid rgba(249,115,22,.35);color:#fdba74}
.badge--muted{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.55)}

.onboard-banner{border-radius:1.15rem;padding:1.35rem 1.5rem;background:linear-gradient(135deg,rgba(249,115,22,.1),rgba(99,102,241,.12));border:1px solid rgba(249,115,22,.22)}

.quick-links{display:grid;grid-template-columns:1fr;gap:.65rem}
@media(min-width:640px){.quick-links{grid-template-columns:repeat(3,1fr)}}
.quick-link{display:flex;align-items:center;justify-content:center;text-align:center;padding:.85rem 1rem;border-radius:14px;font-size:.8125rem;font-weight:600;color:rgba(255,255,255,.75);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);text-decoration:none;transition:all .2s}
.quick-link:hover{color:#fff;border-color:rgba(249,115,22,.35);background:rgba(249,115,22,.08);transform:translateY(-1px)}
.quick-link--support:hover{border-color:rgba(52,211,153,.35);background:rgba(52,211,153,.08)}
.quick-link--plans:hover{border-color:rgba(129,140,248,.35);background:rgba(99,102,241,.1)}

.provider-pill{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:12px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:rgba(255,255,255,.85)}
.provider-pill--on{border-color:rgba(52,211,153,.45);background:rgba(16,185,129,.12);color:#a7f3d0}
.provider-pill--on::before{content:"";width:7px;height:7px;border-radius:999px;background:#34d399;box-shadow:0 0 8px rgba(52,211,153,.6)}
.provider-pill--off{border-color:rgba(255,255,255,.12);background:rgba(0,0,0,.25);color:rgba(255,255,255,.45)}
.config-scroll{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:1rem;font-size:12px;color:rgba(255,255,255,.7);overflow:auto;word-break:break-all;max-height:120px}
.cabinet-panel{display:none}.cabinet-panel.is-visible{display:block}
.divider{display:flex;align-items:center;gap:16px;margin:20px 0}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:rgba(255,255,255,.1)}
.divider span{color:rgba(255,255,255,.3);font-size:12px}
.auth-path-card{border-radius:1.15rem;padding:1.25rem 1.35rem;border:1px dashed rgba(129,140,248,.32);background:rgba(99,102,241,.05)}
.field-error{color:#f87171;font-size:13px;margin-top:6px}.input-invalid{border-color:rgba(248,113,113,.55)!important}
.profile-grid{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:640px){.profile-grid{grid-template-columns:1fr 1fr}}
.profile-field{border-radius:14px;padding:1rem 1.15rem;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.08)}
.profile-field dt{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.4);margin-bottom:.35rem}
.profile-field dd{font-size:15px;font-weight:600;color:#fff;margin:0;word-break:break-word}
.profile-providers-wrap{margin-top:.5rem}
.step-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.75rem}
.step-list li{display:flex;gap:.75rem;font-size:.875rem;color:rgba(255,255,255,.55);line-height:1.55}
.step-list__n{flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:rgba(99,102,241,.15);color:#818cf8;border:1px solid rgba(99,102,241,.3)}
.link-form-box{border-radius:1.15rem;padding:1.35rem 1.5rem;border:1px dashed rgba(129,140,248,.28);background:rgba(99,102,241,.04)}

body.auth-user .js-login-fallback{display:none!important}
body.auth-guest .js-login-fallback.header-login{display:none}
@media(min-width:768px){body.auth-guest .js-login-fallback.header-login{display:inline-flex}}
body.auth-guest .js-login-fallback.drawer-login{display:flex}
body.auth-user .js-login-fallback.drawer-login{display:none!important}
.auth-register-cta{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1);text-align:center}

body.auth-user .js-drawer-auth-user{display:flex;flex-direction:column;gap:.5rem}
body.auth-user .js-drawer-auth-user.hidden{display:none!important}