.auth-body{--auth-primary:#1268e8;--auth-dark:#08274a;--auth-soft:#eaf3ff;--auth-accent:#19b7be;--auth-gradient:linear-gradient(135deg,#1268e8,#0aa9bd);background:#f4f9ff;color:var(--auth-dark)}
.auth-body.theme-ocean{--auth-primary:#087eac;--auth-dark:#063a55;--auth-soft:#e5f8fb;--auth-accent:#13b8a6;--auth-gradient:linear-gradient(135deg,#087eac,#12b8a6)}
.auth-body.theme-indigo{--auth-primary:#4d56df;--auth-dark:#20265f;--auth-soft:#eeefff;--auth-accent:#7c5ce5;--auth-gradient:linear-gradient(135deg,#4d56df,#8a5ce6)}
.auth-body.theme-azure{--auth-primary:#008de5;--auth-dark:#06385b;--auth-soft:#e7f6ff;--auth-accent:#1cc5d8;--auth-gradient:linear-gradient(135deg,#008de5,#1cc5d8)}
.auth-body.theme-navy{--auth-primary:#174a91;--auth-dark:#071e3e;--auth-soft:#e9eff8;--auth-accent:#268ed0;--auth-gradient:linear-gradient(135deg,#174a91,#267ac0)}
.auth-body.theme-cyan{--auth-primary:#0697a7;--auth-dark:#053d4a;--auth-soft:#e5fbfc;--auth-accent:#27c8c1;--auth-gradient:linear-gradient(135deg,#0697a7,#27c8c1)}
.auth-body.theme-royal{--auth-primary:#1755d1;--auth-dark:#0b245e;--auth-soft:#eaf0ff;--auth-accent:#5e6fea;--auth-gradient:linear-gradient(135deg,#1755d1,#6366e8)}
.auth-body.theme-sky{--auth-primary:#258bd2;--auth-dark:#0a3a5e;--auth-soft:#edf8ff;--auth-accent:#54bfd5;--auth-gradient:linear-gradient(135deg,#258bd2,#54bfd5)}
.auth-body .auth-shell{grid-template-columns:minmax(500px,46%) 1fr;background:#f7fbff}
.auth-body:has(.auth-form-wrap.wide) .auth-shell{grid-template-columns:minmax(440px,38%) 1fr}
.auth-body:has(.auth-form-wrap.wide) .auth-main{padding-left:3vw;padding-right:3vw}
.auth-body .auth-story{isolation:isolate;padding:42px 52px 28px;background:radial-gradient(circle at 85% 15%,color-mix(in srgb,var(--auth-accent) 42%,transparent),transparent 26%),linear-gradient(150deg,var(--auth-dark) 8%,color-mix(in srgb,var(--auth-primary) 60%,var(--auth-dark)));color:#fff}
.auth-body .auth-story:before{z-index:-1;inset:0;width:auto;height:auto;border:0;border-radius:0;right:0;bottom:0;box-shadow:none;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,transparent,#000 28%,#000)}
.auth-body .auth-story:after{content:"";position:absolute;z-index:-1;width:500px;height:500px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-240px;bottom:-240px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}
.auth-body .auth-brand{font-size:1.18rem}.auth-body .auth-brand .brand-mark,.auth-body .mobile-brand .brand-mark{background:var(--auth-gradient);color:#fff;box-shadow:0 10px 25px rgba(0,0,0,.22)}
.auth-body .auth-story-copy{margin-top:34px;max-width:620px}.auth-body .auth-kicker,.auth-body .step-label{color:#92dfff;font-size:.68rem;letter-spacing:.17em}.auth-body .auth-story h2{max-width:640px;font-size:clamp(2.75rem,4.1vw,4.65rem);line-height:1.01;margin:17px 0 20px}.auth-body .auth-story-copy>p{max-width:560px;color:#c8dced;font-size:1rem}
.auth-benefits{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:25px}.auth-benefits span{display:flex;align-items:center;gap:8px;color:#e6f3ff;font-size:.78rem;font-weight:700}.auth-benefits i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:rgba(64,227,175,.17);color:#62edb7;font-style:normal;font-size:.66rem;border:1px solid rgba(98,237,183,.25)}
.auth-visual{position:relative;margin-top:34px;max-width:650px}.auth-visual-window{overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:#f7fbff;box-shadow:0 28px 60px rgba(0,0,0,.25);transform:perspective(1000px) rotateY(2deg)}.auth-visual-bar{height:32px;display:flex;align-items:center;gap:5px;padding:0 11px;background:#eaf1f7;color:#72879a;font-size:.54rem}.auth-visual-bar i{width:7px;height:7px;border-radius:50%;background:#f47772}.auth-visual-bar i:nth-child(2){background:#f2bd50}.auth-visual-bar i:nth-child(3){background:#55c987}.auth-visual-bar span{margin-left:6px}
.auth-visual-body{display:grid;grid-template-columns:45px 1fr;min-height:180px}.auth-mini-sidebar{display:flex;flex-direction:column;align-items:center;gap:20px;padding:16px 0;background:var(--auth-dark)}.auth-mini-sidebar b{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:var(--auth-gradient);font-size:.58rem}.auth-mini-sidebar i{width:11px;height:11px;border:1px solid #7594ae;border-radius:3px}.auth-mini-content{padding:20px;color:var(--auth-dark)}.auth-mini-content>span,.auth-mini-content>strong{display:block}.auth-mini-content>span{font-size:.46rem;color:#8194a5}.auth-mini-content>strong{font-size:.82rem}.auth-mini-content>div{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.auth-mini-content>div i{height:42px;border:1px solid #d8e4ee;border-radius:8px;background:#fff}.auth-mini-content>section{height:58px;display:flex;align-items:flex-end;gap:9px;margin-top:10px;padding:10px 12px 0;border:1px solid #d8e4ee;border-radius:8px;background:#fff}.auth-mini-content>section b{flex:1;border-radius:3px 3px 0 0;background:linear-gradient(var(--auth-accent),var(--auth-primary))}.auth-mini-content>section b:nth-child(1){height:25%}.auth-mini-content>section b:nth-child(2){height:52%}.auth-mini-content>section b:nth-child(3){height:40%}.auth-mini-content>section b:nth-child(4){height:78%}.auth-mini-content>section b:nth-child(5){height:58%}.auth-mini-content>section b:nth-child(6){height:90%}.auth-mini-content>section b:nth-child(7){height:67%}
.auth-float{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #d8e6f2;border-radius:10px;background:#fff;color:var(--auth-dark);box-shadow:0 12px 26px rgba(4,29,56,.18)}.auth-float>span{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#e5f9f2;color:#14a96f;font-weight:900}.auth-float small,.auth-float b{display:block}.auth-float small{font-size:.42rem;color:#8597a8}.auth-float b{font-size:.67rem}.auth-float-sales{left:-16px;bottom:-16px}.auth-float-stock{right:-15px;top:48px}.auth-float-stock>span{background:var(--auth-soft);color:var(--auth-primary)}
.auth-trust{position:relative;z-index:2;display:flex;align-items:center;gap:12px;color:#a8c4db;font-size:.64rem;font-weight:700;margin-top:32px}.auth-trust i{width:3px;height:3px;border-radius:50%;background:#6b91ae}
.auth-body .auth-main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 5vw;background:radial-gradient(circle at 100% 0%,var(--auth-soft),transparent 36%),#f8fbff;overflow-y:auto}.auth-main:before{content:"";position:absolute;width:360px;height:360px;right:-180px;bottom:-180px;border-radius:50%;background:color-mix(in srgb,var(--auth-accent) 7%,transparent)}
.auth-mobile-head{display:none}.auth-body .auth-form-wrap{position:relative;z-index:1;width:min(470px,100%);padding:38px;border:1px solid #d9e6f2;border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 28px 70px rgba(22,75,123,.12)}.auth-body .auth-form-wrap.wide{width:min(760px,100%)}
.auth-body .auth-heading{margin-bottom:25px}.auth-body .auth-heading h1{font-size:2.35rem;color:var(--auth-dark);margin:9px 0 7px}.auth-body .auth-heading p{color:#607a92;line-height:1.6}.auth-body .auth-form{gap:17px}.auth-body .field-grid{gap:16px 18px}.auth-body .field label,.auth-body .label-row{color:var(--auth-dark);font-size:.75rem}.auth-body .label-row a{color:var(--auth-primary);text-decoration:none}.auth-body .field input,.auth-body .field select{height:52px;border:1px solid #cad9e6;border-radius:11px;background:#fbfdff;color:var(--auth-dark);transition:border-color .2s,box-shadow .2s,background .2s}.auth-body .field input:hover,.auth-body .field select:hover{border-color:#9ebbd3}.auth-body .field input:focus,.auth-body .field select:focus{border-color:var(--auth-primary);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--auth-primary) 13%,transparent)}
.auth-body .btn-brand{height:53px;border:0;background:var(--auth-gradient);color:#fff;box-shadow:0 14px 28px color-mix(in srgb,var(--auth-primary) 25%,transparent)}.auth-body .btn-brand:hover{filter:brightness(1.04);color:#fff}.auth-body .auth-switch{color:#71879a}.auth-body .auth-switch a,.auth-body .platform-entry a{color:var(--auth-primary);text-decoration:none}.auth-body .platform-entry{border-color:#dde8f1;color:#71879a}.auth-body .form-alert{border:1px solid #ffd0ca;background:#fff1ef;color:#a13d34}.auth-body .form-success{border:1px solid #b8ead3;background:#edfbf5;color:#14704d}.auth-body .session-alert{margin-bottom:18px}.auth-body .verify-icon{background:var(--auth-soft);color:var(--auth-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--auth-primary) 15%,transparent)}.auth-security{position:relative;z-index:1;margin-top:18px;color:#8296a7;font-size:.66rem}.auth-security span{color:var(--auth-primary)}
@media(max-width:1100px){.auth-body .auth-shell{grid-template-columns:minmax(420px,42%) 1fr}.auth-body .auth-story{padding:36px}.auth-body .auth-story h2{font-size:3.1rem}.auth-visual{display:none}.auth-body .auth-form-wrap{padding:32px}.auth-benefits{display:grid}}
@media(max-width:900px){.auth-body .auth-shell{display:block;min-height:100vh}.auth-body .auth-story{display:none}.auth-body .auth-main{min-height:100vh;justify-content:flex-start;padding:26px 24px 38px}.auth-mobile-head{position:relative;z-index:2;width:min(760px,100%);display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.auth-body .mobile-brand{display:inline-flex;margin:0}.auth-mobile-head>a:last-child{color:var(--auth-primary);font-size:.75rem;font-weight:800;text-decoration:none}.auth-body .auth-form-wrap{margin:auto}.auth-security{margin-top:20px}}
@media(max-width:600px){.auth-body .auth-main{padding:20px 15px 30px}.auth-body .auth-form-wrap,.auth-body .auth-form-wrap.wide{padding:27px 21px;border-radius:18px}.auth-body .auth-heading h1{font-size:2rem}.auth-body .field-grid{grid-template-columns:1fr}.auth-body .field.span-2{grid-column:auto}.auth-body .platform-entry{gap:15px;flex-direction:column;text-align:center}.auth-security{text-align:center}}
.login-workspace-list{display:grid;gap:11px}.login-workspace-card{width:100%;display:grid;grid-template-columns:44px 1fr 20px;align-items:center;gap:13px;padding:13px;border:1px solid #d4e1eb;border-radius:13px;background:#fbfdff;color:var(--auth-dark);text-align:left;cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s}.login-workspace-card:hover,.login-workspace-card:focus-visible{border-color:var(--auth-primary);transform:translateY(-1px);box-shadow:0 10px 24px color-mix(in srgb,var(--auth-primary) 13%,transparent);outline:0}.workspace-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--auth-soft);color:var(--auth-primary);font-size:1rem;font-weight:900}.login-workspace-card strong,.login-workspace-card small{display:block}.login-workspace-card strong{font-size:.88rem}.login-workspace-card small{margin-top:4px;color:#73899c;font-size:.7rem}.login-workspace-card svg{width:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--auth-primary)}.choose-another-login{justify-self:center;color:var(--auth-primary);font-size:.76rem;font-weight:800;text-decoration:none}