/* Northern Light: one shared theme, existing routes and application behavior retained. */
:root{--paper:#030408;--page:#030408;--bg-950:#030408;--bg-900:#030408;--ink:#f5f5f7;--text:#f5f5f7;--muted:#b7b6c2;--line:#34343f;--panel:#0c0c13;--accent:#b28aff;--accent-strong:#9c63f5;color-scheme:dark}
body,body:has(#app-view:not(.is-hidden)),body:has(#auth-view:not(.is-hidden)){background:#030408!important;color:#f5f5f7;color-scheme:dark}
.site-header,#app-view .account-header{background:#030408!important;border-color:#292731}
.site-header .brand-lockup strong,.wordmark,.footer-wordmark{color:#f5f5f7}
.header-inner,#app-view .account-header-inner{min-height:94px;max-width:1358px}
.site-header .brand-lockup img,#app-view .brand-lockup img,.wordmark img{width:44px;height:44px}
.site-header .header-nav a:not(.button-primary),#app-view .nav-list a,#app-view .nav-more-button{color:#c4bfce}
.site-header .header-nav a.is-active,#app-view .nav-list a.is-active{color:#cfb4ff;background:#281a3c}
.site-header .nav-toggle span{background:#f5f5f7}
.button-primary,.primary-button,#app-view .primary-button,#app-view #copy-subscription,#auth-view .primary-button,.button-dark{background:linear-gradient(115deg,#6028f2,#8f43f7)!important;border:1px solid #9560ff!important;color:#fff!important;border-radius:12px;min-height:50px;box-shadow:inset 0 1px 0 #ffffff22!important}
:is(.button-primary,.primary-button,.button-dark) :is(span,strong){color:#fff!important}
.button-secondary,#app-view .secondary-button,#app-view .ghost-button,#app-view .table-action,#app-view .icon-button,#auth-view .secondary-button,.button-outline{background:#0c0c13!important;border-color:#62576e!important;color:#e3d5f7!important;border-radius:10px;min-height:48px}
:is(.button-primary,.primary-button,.button-dark):hover{filter:brightness(1.12)}
.page-main :is(h1,h2,h3,h4,strong,summary,li){color:#f5f5f7}
.page-head h1{color:#f5f5f7!important;font-size:clamp(34px,4.5vw,64px);letter-spacing:-.04em}
.page-head p{font-size:18px;max-width:680px}
.page-section{margin-bottom:56px}
.glass-card,.plan-card,.app-card,.support-card,#app-view :is(.panel,.tariff-card,.device-card,.table-panel){background:radial-gradient(ellipse at 25% 0,#ffffff06,transparent 65%),#0c0c13!important;border-color:#34343f!important;border-radius:16px;box-shadow:none!important}
.page-head.glass-card,.section-card,.faq-card{background:transparent!important;border-radius:0}
.plan-card{padding:32px;text-align:center}.plan-price{font-size:54px;letter-spacing:-.03em;line-height:1.2}.plan-card.featured,#app-view .tariff-card.is-featured{border-color:#9e72dc!important;background:radial-gradient(ellipse at 50% 0,#6935c927,transparent 65%),#0c0c13!important}
.plan-type-switch{background:#0c0c13}.plan-type-switch button.is-active{background:#261738;border:1px solid #8555d7;color:#fff}
.device-filter button{background:#0c0c13;color:#c4bfce;border-color:#4b425b}.device-filter button[aria-pressed=true]{background:#261738;color:#d6bbff;border-color:#8555d7}
.site-footer{background:#030408!important;border-color:#34343f}.site-footer a{color:#b7b6c2}
.faq-list details{background:transparent}.faq-list summary{color:#f5f5f7}
.text-link,a:not([class]){color:#bca0ef}
#auth-view.auth-shell{padding-block:80px;position:relative;isolation:isolate}
#auth-view .auth-panel{background:linear-gradient(135deg,#100d1788,#09090eaa);border:1px solid #34313e;border-radius:16px;padding:32px;width:470px;gap:22px}
#auth-view .auth-brand h1{color:#f5f5f7}#auth-view .auth-help-link{color:#c6a7f4}
#auth-view .field>span{color:#e5e4eb}#auth-view .field input{background:#0c0c13;color:#fff;border-color:#51475e}
#auth-view .auth-switch{gap:4px;border:1px solid #45404f;border-radius:8px;padding:3px}
#auth-view .auth-switch button{flex:1;border:1px solid transparent;border-radius:6px;padding:8px;color:#b7b6c2}
#auth-view .auth-switch button.is-active{border-color:#b37cff;color:#fff;background:#261738}
#auth-view .auth-divider,#auth-view .auth-divider span{color:#aaa5b2}#auth-view .auth-divider::before,#auth-view .auth-divider::after{background:#37323e}
#auth-view .auth-panel :is(p,small,.input-hint){color:#b7b6c2}
#app-view .qr-card{background:#fff;color:#292731;border-radius:12px;padding:16px;width:fit-content;max-width:100%}
#app-view .qr-card img{background:#fff}
#app-view .workspace{max-width:1280px}
#app-view pre{background:#14111c;color:#d2c9dd}
#app-view .sidebar-toggle{background:#0c0c13;color:#fff}#app-view .sidebar-toggle span{background:#fff}
#app-view .advanced-nav{background:#100d17;box-shadow:0 15px 35px #0009}
#app-view .account-chip span{color:#b7b6c2}
.toast{background:#21172e;color:#f5f5f7}
.skip-link{background:#f5f5f7;color:#030408}
:focus-visible{outline:3px solid #c6a4ff!important;outline-offset:4px}
@media(max-width:960px){.header-inner,#app-view .account-header-inner{min-height:78px}.header-nav{background:#100d17!important}#app-view .sidebar{background:#100d17}#app-view .sidebar-backdrop{inset:78px 0 0;background:#030408a0}}
@media(max-width:640px){.page-head p{font-size:16px}.page-section{margin-bottom:36px}.plan-price{font-size:46px}#auth-view.auth-shell{padding:32px 20px}#auth-view .auth-panel{padding:24px 20px}.header-inner{min-height:78px}.plan-card,.app-card,.support-card{padding:24px}.header-nav{max-height:calc(100dvh - 100px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
