:root{
 --spa-accent:var(--portal-accent,#2563eb);--spa-bg:#edf4ff;--spa-bg2:#f8fbff;--spa-surface:#fff;--spa-soft:#f5f8ff;--spa-line:#d9e3f1;--spa-text:#091a3d;--spa-muted:#6d7d96;--spa-success:#16a765;--spa-purple:#7458ff;--spa-input:#fff;--spa-shadow:0 28px 78px rgba(15,23,42,.14)
}
html[data-bs-theme="dark"]{--spa-bg:#020f1b;--spa-bg2:#061929;--spa-surface:#071a2b;--spa-soft:#0b2237;--spa-line:#1e4059;--spa-text:#f7fbff;--spa-muted:#93a9bd;--spa-input:#081e31;--spa-shadow:0 32px 84px rgba(0,0,0,.38)}
html.spa-lock,html.spa-lock body{height:100%;overflow:hidden!important}body.spa-auth{margin:0!important;min-height:100vh!important;min-height:100dvh!important;background:radial-gradient(circle at 8% 10%,rgba(var(--portal-accent-rgb,37,99,235),.12),transparent 25%),radial-gradient(circle at 93% 88%,rgba(116,88,255,.08),transparent 20%),linear-gradient(135deg,var(--spa-bg),var(--spa-bg2))!important;color:var(--spa-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
.spa-stage{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden}.spa-orb{position:absolute;border-radius:999px;pointer-events:none;opacity:.5;animation:spaFloat 8s ease-in-out infinite}.spa-orb.o1{width:220px;height:220px;left:-85px;top:7%;background:rgba(var(--portal-accent-rgb,37,99,235),.10)}.spa-orb.o2{width:170px;height:170px;right:5%;bottom:3%;background:rgba(116,88,255,.08);animation-delay:-2s}
@keyframes spaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes spaIn{from{opacity:0;transform:translateY(14px) scale(.993)}to{opacity:1;transform:none}}@keyframes spaPoster{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spaShine{0%{transform:translateX(-160%) skewX(-20deg)}60%,100%{transform:translateX(280%) skewX(-20deg)}}@keyframes spaPulse{0%,100%{box-shadow:0 13px 27px rgba(var(--portal-accent-rgb,37,99,235),.17)}50%{box-shadow:0 17px 35px rgba(var(--portal-accent-rgb,37,99,235),.27)}}@keyframes spaKey{0%,100%{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.05)}}
.spa-shell{position:relative;z-index:2;width:min(1320px,100%);height:min(740px,calc(100dvh - 28px));overflow:hidden;border:1px solid var(--spa-line);border-radius:30px;background:var(--spa-surface);box-shadow:var(--spa-shadow);animation:spaIn .38s ease-out}.spa-pane,.spa-signup-pane,.spa-visual{position:absolute;top:0;width:50%;height:100%;transition:transform .74s cubic-bezier(.67,-.05,.17,1.04),opacity .36s ease;will-change:transform,opacity}.spa-signup-pane{left:0;z-index:1;transform:translateX(-104%);opacity:0;background:var(--spa-surface)}.spa-pane{right:0;z-index:2;padding:28px 34px 24px;display:flex;align-items:center;justify-content:center;background:var(--spa-surface)}.spa-visual{left:0;z-index:3;padding:32px 35px 28px;display:flex;flex-direction:column;background:radial-gradient(circle at 78% 18%,rgba(var(--portal-accent-rgb,37,99,235),.11),transparent 22%),linear-gradient(145deg,color-mix(in srgb,var(--spa-surface) 72%,#f8fbff),color-mix(in srgb,var(--spa-bg) 90%,#fff) 66%,color-mix(in srgb,var(--spa-surface) 86%,#f8fbff))}html[data-bs-theme="dark"] .spa-visual{background:radial-gradient(circle at 78% 18%,rgba(var(--portal-accent-rgb,37,99,235),.18),transparent 22%),linear-gradient(145deg,#061728,#082036 66%,#061728)}.spa-shell.is-signup .spa-visual{transform:translateX(100%)}.spa-shell.is-signup .spa-pane{transform:translateX(104%);opacity:0;pointer-events:none}.spa-shell.is-signup .spa-signup-pane{z-index:4;transform:translateX(0);opacity:1}
.spa-visual-default,.spa-visual-signup{transition:opacity .24s ease,transform .34s ease}.spa-visual-signup{position:absolute;left:35px;right:35px;top:32px;opacity:0;transform:translateY(14px);pointer-events:none}.spa-shell.is-signup .spa-visual-default{opacity:0;transform:translateY(-12px)}.spa-shell.is-signup .spa-visual-signup{opacity:1;transform:none}.spa-kicker{margin:0 0 8px;color:var(--spa-muted);font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.spa-title{margin:0;max-width:630px;color:var(--spa-text);font-size:clamp(2.5rem,4vw,4.4rem);line-height:.96;letter-spacing:-.064em;font-weight:950}.spa-title span{color:var(--spa-accent)}.spa-tagline{max-width:590px;margin:12px 0 13px;color:var(--spa-muted);font-size:.9rem;line-height:1.48}.spa-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:13px}.spa-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid rgba(var(--portal-accent-rgb,37,99,235),.13);border-radius:999px;background:color-mix(in srgb,var(--spa-surface) 86%,transparent);color:var(--spa-muted);font-size:.7rem;font-weight:850}.spa-chip i{color:var(--spa-accent)}
.spa-poster-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.spa-poster{position:relative;width:100%;height:100%;max-height:400px;min-height:270px;padding:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(var(--portal-accent-rgb,37,99,235),.10);border-radius:26px;background:color-mix(in srgb,var(--spa-surface) 96%,var(--spa-bg));box-shadow:0 16px 40px rgba(15,23,42,.07)}.spa-poster:before{content:"";position:absolute;left:-55px;bottom:-55px;width:160px;height:160px;border-radius:50%;background:rgba(var(--portal-accent-rgb,37,99,235),.07)}.spa-poster img,.spa-poster svg{position:relative;z-index:2;display:block!important;width:auto!important;max-width:94%!important;max-height:370px!important;height:auto!important;object-fit:contain!important;animation:spaPoster 7s ease-in-out infinite}.spa-poster svg{width:88%!important;color:var(--spa-accent)}
.spa-card{width:min(100%,535px);margin:auto}.spa-brand{min-height:54px;display:flex;align-items:center;margin-bottom:10px}.spa-brand img{display:block!important;width:auto!important;height:auto!important;max-width:235px!important;max-height:68px!important;object-fit:contain!important}.spa-logo-dark{display:none!important}html[data-bs-theme="dark"] .spa-logo-light{display:none!important}html[data-bs-theme="dark"] .spa-logo-dark{display:block!important}.spa-brand-fallback{display:flex;align-items:center;gap:10px;color:var(--spa-text);font-weight:900}.spa-brand-fallback span:first-child{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(var(--portal-accent-rgb,37,99,235),.11);color:var(--spa-accent)}.spa-heading{margin-bottom:14px}.spa-heading h1{margin:0;color:var(--spa-text);font-size:clamp(2.25rem,3.3vw,3.65rem);line-height:.96;letter-spacing:-.055em;font-weight:950}.spa-heading p{margin:7px 0 0;color:var(--spa-muted);font-size:.87rem}.spa-alert{border-radius:14px!important;margin-bottom:12px!important}
.spa-form{display:block!important;width:100%!important;margin:0!important}.spa-form .form-label{display:block!important;margin:0 0 6px!important;color:var(--spa-text)!important;font-size:.78rem!important;font-weight:900!important}.spa-input{position:relative;display:flex;align-items:center;height:52px;border:1px solid var(--spa-line);border-radius:16px;background:var(--spa-input);transition:.16s ease}.spa-input:focus-within{border-color:var(--spa-accent);box-shadow:0 0 0 4px rgba(var(--portal-accent-rgb,37,99,235),.10)}.spa-input>i{width:42px;flex:0 0 42px;text-align:center;color:#8c9bb0}.spa-input input{min-width:0;flex:1;height:50px!important;padding:0 12px 0 0!important;border:0!important;outline:0!important;background:transparent!important;color:var(--spa-text)!important;font-size:.94rem!important;box-shadow:none!important}.spa-input input::placeholder{color:#9aa7ba!important;opacity:1!important}.spa-eye{width:48px;height:50px;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;color:#7a8aa2!important}.spa-eye:hover{color:var(--spa-accent)!important}.spa-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:11px 0 13px}.spa-options label{display:inline-flex;align-items:center;gap:7px;margin:0!important;color:var(--spa-text);font-size:.76rem;font-weight:850}.spa-options a{color:var(--spa-accent)!important;text-decoration:none!important;font-size:.76rem!important;font-weight:900!important}.spa-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.spa-login-btn,.spa-signup-btn{position:relative;overflow:hidden;width:100%!important;height:54px!important;border-radius:17px!important;font-size:.93rem!important;font-weight:950!important;transition:transform .16s ease!important}.spa-login-btn{border:0!important;color:#fff!important;background:linear-gradient(90deg,var(--spa-accent),color-mix(in srgb,var(--spa-accent) 72%,#8ab0ff))!important;animation:spaPulse 3.5s ease-in-out infinite}.spa-login-btn:before{content:"";position:absolute;top:-20%;bottom:-20%;width:36%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);animation:spaShine 4.2s ease-in-out infinite}.spa-signup-btn{border:1px solid rgba(22,167,101,.48)!important;color:var(--spa-success)!important;background:color-mix(in srgb,var(--spa-success) 5%,var(--spa-surface))!important}.spa-login-btn:hover,.spa-signup-btn:hover{transform:translateY(-1px)}.spa-login-btn:active,.spa-signup-btn:active{transform:translateY(1px) scale(.995)}.spa-otp-actions{display:flex;justify-content:center;gap:8px;margin-top:8px}.spa-otp-actions form{margin:0}.spa-foot{margin-top:11px;padding-top:11px;border-top:1px solid var(--spa-line);display:flex;justify-content:space-between;gap:8px;color:var(--spa-muted);font-size:.65rem}.spa-foot i{color:var(--spa-accent)}
.spa-signup-header{height:62px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 16px;border-bottom:1px solid var(--spa-line);background:var(--spa-surface)}.spa-signup-header .left{display:flex;align-items:center;gap:9px}.spa-signup-header .icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:rgba(22,167,101,.09);color:var(--spa-success)}.spa-signup-header strong{display:block;color:var(--spa-text);font-size:.88rem}.spa-signup-header small{display:block;color:var(--spa-muted);font-size:.64rem}.spa-signup-header .actions{display:flex;gap:7px}.spa-signup-header a,.spa-signup-header button{min-height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--spa-line);border-radius:10px;background:var(--spa-surface);color:var(--spa-text);text-decoration:none;font-size:.68rem;font-weight:850}.spa-signup-frame{width:100%;height:calc(100% - 62px);border:0;background:var(--spa-surface)}
.spa-app-fab-form{position:fixed!important;z-index:50!important;right:max(14px,env(safe-area-inset-right))!important;bottom:max(14px,env(safe-area-inset-bottom))!important;margin:0!important}.spa-app-fab{position:relative;width:54px!important;height:54px!important;display:grid!important;place-items:center!important;padding:0!important;border:1px solid rgba(116,88,255,.34)!important;border-radius:18px!important;background:var(--spa-surface)!important;color:var(--spa-purple)!important;box-shadow:0 14px 30px rgba(15,23,42,.14)!important;transition:.16s ease!important}.spa-app-fab:hover{transform:translateY(-3px)}.spa-app-fab i{font-size:1.3rem}.spa-app-fab .label{position:absolute;right:63px;white-space:nowrap;padding:7px 10px;border-radius:10px;background:var(--spa-text);color:var(--spa-surface);font-size:.67rem;font-weight:850;opacity:0;transform:translateX(6px);pointer-events:none;transition:.16s ease}.spa-app-fab:hover .label{opacity:1;transform:none}.spa-theme-toggle{position:fixed!important;top:12px!important;right:12px!important;z-index:60!important;width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border:1px solid var(--spa-line)!important;border-radius:14px!important;background:var(--spa-surface)!important;color:var(--spa-text)!important;box-shadow:0 10px 26px rgba(15,23,42,.08)!important}
body.spa-new-body{margin:0!important;min-height:100vh!important;min-height:100dvh!important;padding:16px!important;background:radial-gradient(circle at 5% 5%,rgba(var(--portal-accent-rgb,37,99,235),.10),transparent 24%),linear-gradient(135deg,var(--spa-bg),var(--spa-bg2))!important;color:var(--spa-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}.spa-new-shell{width:min(920px,100%);margin:0 auto}.spa-new-card{overflow:hidden;border:1px solid var(--spa-line);border-radius:26px;background:var(--spa-surface);box-shadow:0 22px 62px rgba(15,23,42,.11)}.spa-new-head{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--spa-line)}.spa-new-brand{display:flex;align-items:center;gap:10px}.spa-new-brand img{max-width:150px;max-height:48px;object-fit:contain}.spa-new-brand .fallback{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:var(--spa-accent);color:#fff;font-weight:900}.spa-new-brand strong{display:block;color:var(--spa-text);font-size:.9rem}.spa-new-brand small{display:block;color:var(--spa-muted);font-size:.65rem}.spa-new-form-wrap{padding:20px}.spa-new-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.spa-new-intro h1{margin:0;color:var(--spa-text);font-size:1.55rem;font-weight:950}.spa-new-intro p{margin:5px 0 0;color:var(--spa-muted);font-size:.82rem}.spa-stepper{display:flex;gap:7px}.spa-step-dot{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--spa-line);background:var(--spa-soft);color:var(--spa-muted);font-size:.72rem;font-weight:900}.spa-step-dot.active{border-color:rgba(var(--portal-accent-rgb,37,99,235),.38);background:rgba(var(--portal-accent-rgb,37,99,235),.10);color:var(--spa-accent)}.spa-wizard-step{display:none}.spa-wizard-step.active{display:block;animation:spaIn .22s ease-out}.spa-section-title{margin:0 0 12px;color:var(--spa-text);font-size:.78rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.spa-new-card .form-label{color:var(--spa-text)!important;font-size:.76rem!important;font-weight:850!important}.spa-new-card .form-control,.spa-new-card .form-select{min-height:48px!important;border:1px solid var(--spa-line)!important;border-radius:13px!important;background:var(--spa-input)!important;color:var(--spa-text)!important;box-shadow:none!important}.spa-new-card textarea.form-control{min-height:92px!important}.spa-new-card .form-control:focus,.spa-new-card .form-select:focus{border-color:var(--spa-accent)!important;box-shadow:0 0 0 4px rgba(var(--portal-accent-rgb,37,99,235),.09)!important}.spa-new-note{padding:12px;border:1px solid rgba(var(--portal-accent-rgb,37,99,235),.20);border-radius:13px;background:rgba(var(--portal-accent-rgb,37,99,235),.07);color:var(--spa-muted);font-size:.72rem}.spa-wizard-nav{display:flex;justify-content:space-between;gap:10px;margin-top:16px}.spa-wizard-nav .btn{min-height:42px;border-radius:13px;font-size:.8rem;font-weight:900}.spa-wizard-nav .btn-primary{border-color:var(--spa-accent)!important;background:var(--spa-accent)!important}.spa-new-success{text-align:center;padding:28px 18px}.spa-new-success .icon{width:66px;height:66px;display:grid;place-items:center;margin:0 auto 12px;border-radius:50%;background:rgba(22,167,101,.10);color:var(--spa-success);font-size:1.8rem}.spa-embedded .spa-new-head{display:none}.spa-embedded{padding:0!important;background:var(--spa-surface)!important}.spa-embedded .spa-new-shell{width:100%;max-width:none}.spa-embedded .spa-new-card{min-height:100dvh;border:0;border-radius:0;box-shadow:none}.spa-embedded .spa-new-form-wrap{padding:18px}
body.spa-forgot-body{margin:0!important;min-height:100vh!important;min-height:100dvh!important;background:radial-gradient(circle at 10% 10%,rgba(var(--portal-accent-rgb,37,99,235),.10),transparent 24%),linear-gradient(135deg,var(--spa-bg),var(--spa-bg2))!important;color:var(--spa-text)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}.spa-forgot-stage{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:14px}.spa-forgot-shell{width:min(920px,100%);min-height:520px;display:grid;grid-template-columns:.88fr 1.12fr;overflow:hidden;border:1px solid var(--spa-line);border-radius:28px;background:var(--spa-surface);box-shadow:var(--spa-shadow);animation:spaIn .35s ease-out}.spa-forgot-visual{padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 30%,rgba(var(--portal-accent-rgb,37,99,235),.12),transparent 34%),color-mix(in srgb,var(--spa-surface) 88%,var(--spa-bg))}.spa-forgot-key{width:88px;height:88px;display:grid;place-items:center;margin-bottom:16px;border-radius:50%;background:linear-gradient(145deg,var(--spa-accent),color-mix(in srgb,var(--spa-accent) 65%,#73c7ff));color:#fff;animation:spaKey 3.2s ease-in-out infinite}.spa-forgot-key i{font-size:2rem}.spa-forgot-visual h2{margin:0;font-size:1.5rem;font-weight:950}.spa-forgot-visual p{max-width:300px;margin:8px 0 0;color:var(--spa-muted);font-size:.78rem}.spa-forgot-card{padding:30px;display:flex;flex-direction:column;justify-content:center}.spa-forgot-brand{min-height:48px;margin-bottom:14px}.spa-forgot-brand img{max-width:190px;max-height:54px;object-fit:contain}.spa-forgot-card h1{margin:0;color:var(--spa-text);font-size:2rem;font-weight:950}.spa-forgot-card>.desc{margin:7px 0 16px;color:var(--spa-muted);font-size:.83rem}.spa-reset-steps{display:flex;gap:7px;margin-bottom:16px}.spa-reset-step{flex:1;height:4px;border-radius:999px;background:var(--spa-line)}.spa-reset-step.active{background:var(--spa-accent)}.spa-forgot-card .spa-input{margin-bottom:12px}.spa-forgot-card .spa-login-btn{width:100%!important}.spa-back-link{display:inline-flex;align-items:center;gap:6px;margin-bottom:12px;color:var(--spa-muted)!important;text-decoration:none!important;font-size:.73rem;font-weight:850}
@media(max-width:1050px){.spa-visual{padding:28px}.spa-pane{padding:24px 27px}.spa-title{font-size:clamp(2.35rem,4vw,3.8rem)}.spa-poster img,.spa-poster svg{max-height:315px!important}}
@media(max-width:860px){.spa-stage{padding:8px}.spa-orb{display:none}.spa-shell{width:min(100%,470px);height:calc(100dvh - 16px);border-radius:25px}.spa-visual{display:none}.spa-pane,.spa-signup-pane{width:100%;left:0;right:auto}.spa-pane{padding:16px 13px 12px;transform:none!important}.spa-signup-pane{z-index:5;transform:translateX(104%);opacity:1}.spa-shell.is-signup .spa-pane{transform:translateX(-104%)!important;opacity:1}.spa-shell.is-signup .spa-signup-pane{transform:translateX(0)}.spa-brand{min-height:44px;margin-bottom:7px}.spa-brand img{max-width:185px!important;max-height:50px!important}.spa-heading{margin-bottom:11px}.spa-heading h1{font-size:2.05rem}.spa-heading p{font-size:.81rem}.spa-input{height:48px}.spa-input input{height:46px!important;font-size:.9rem!important}.spa-login-btn,.spa-signup-btn{height:49px!important;font-size:.88rem!important}.spa-app-fab{width:49px!important;height:49px!important}.spa-forgot-shell{width:min(100%,500px);grid-template-columns:1fr;min-height:0}.spa-forgot-visual{display:none}.spa-forgot-card{padding:24px}.spa-new-intro{flex-direction:column}.spa-new-form-wrap{padding:16px}}
@media(max-width:430px){.spa-pane{padding:13px 10px 10px}.spa-brand img{max-width:168px!important}.spa-heading h1{font-size:1.88rem}.spa-forgot-card{padding:20px}.spa-new-body{padding:8px!important}.spa-signup-header .spa-open-full{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}