:root{--auth-navy:#071126;--auth-blue:#1948f0;--auth-text:#172033;--auth-muted:#67738a;--auth-line:#dce2ec}
body.auth-page{min-height:100vh;overflow-x:hidden;background:#fff;color:var(--auth-text)}
.auth-layout{display:grid;grid-template-columns:minmax(29rem,1.03fr) minmax(31rem,.97fr);min-height:100vh}
.auth-story{position:relative;display:flex;min-height:100vh;overflow:hidden;flex-direction:column;padding:clamp(2rem,4.4vw,4.5rem);background:radial-gradient(circle at 18% 16%,rgba(45,102,255,.26),transparent 30%),linear-gradient(145deg,#071126 0%,#0a1735 52%,#0c1e48 100%);color:#fff;isolation:isolate}
.auth-story::before{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:52px 52px;content:"";mask-image:linear-gradient(to bottom,black,transparent 85%)}
.auth-aurora{position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.42;pointer-events:none}.auth-aurora-one{top:10%;right:-10%;width:22rem;height:22rem;background:#1948f0;animation:authAuroraOne 13s ease-in-out infinite alternate}.auth-aurora-two{bottom:5%;left:10%;width:18rem;height:18rem;background:#6d3dff;animation:authAuroraTwo 16s ease-in-out infinite alternate}
.auth-story-content{position:relative;z-index:1;width:min(100%,43rem);margin:auto 0}.auth-logo{display:block;width:clamp(9.5rem,14vw,12.5rem);height:auto;object-fit:contain;object-position:left center}.auth-suite-pill{display:inline-flex;align-items:center;gap:.48rem;margin-top:clamp(2rem,5vh,4rem);padding:.45rem .7rem;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.065);color:#bdcbeb;font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(12px)}.auth-suite-pill i{width:.42rem;height:.42rem;border-radius:50%;background:#5d85ff;box-shadow:0 0 0 .25rem rgba(93,133,255,.13)}
.auth-story h2{max-width:38rem;margin:1.25rem 0 .85rem;color:#fff;font-size:clamp(2rem,3.4vw,4rem);line-height:1.08;letter-spacing:-.055em}.auth-story-content>p{max-width:34rem;margin:0;color:#b9c6e0;font-size:clamp(.9rem,1.25vw,1.08rem);line-height:1.75}
.auth-conversation{position:relative;width:min(100%,35rem);height:14rem;margin-top:clamp(2rem,5vh,3.5rem)}.auth-chat-card{position:absolute;z-index:2;display:flex;align-items:center;gap:.8rem;width:15rem;padding:.75rem .9rem;border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.055));box-shadow:0 16px 38px rgba(0,0,0,.16);backdrop-filter:blur(14px)}.auth-chat-card-one{top:0;left:2%;animation:authFloat 6s ease-in-out infinite}.auth-chat-card-two{top:4.55rem;right:2%;animation:authFloat 7.5s ease-in-out -2s infinite}.auth-chat-card-three{bottom:.15rem;left:16%;animation:authFloat 8.3s ease-in-out -4s infinite}.auth-chat-avatar{display:grid;width:2.35rem;height:2.35rem;flex:none;place-items:center;border-radius:.75rem;background:#315de8;color:#fff;font-size:.62rem;font-weight:900}.auth-chat-avatar.toto-mini{background:#7b5cff}.auth-chat-avatar.lab-mini{background:#16a870;font-size:1rem}.auth-chat-card>div{display:grid;flex:1;gap:.34rem}.auth-chat-card i{display:block;height:.32rem;border-radius:99px;background:rgba(224,232,255,.7)}.auth-chat-card i:nth-child(2){width:76%;opacity:.7}.auth-chat-card i:nth-child(3){width:50%;opacity:.45}.auth-chat-card>b{display:grid;width:1.55rem;height:1.55rem;place-items:center;border-radius:50%;background:rgba(70,225,153,.15);color:#61e8a9}.auth-chat-card>b svg{width:.9rem}.auth-flow-line{position:absolute;inset:.75rem 0 0;width:100%;height:100%;overflow:visible}.auth-flow-line path{fill:none;stroke:rgba(91,133,255,.55);stroke-width:1.5;stroke-dasharray:7 9;animation:authDash 18s linear infinite}
.auth-story footer{position:relative;z-index:2;margin-top:auto;color:#7383a5;font-size:.66rem;letter-spacing:.03em}.auth-story footer span{color:#c9d5ed;font-weight:800}
.auth-form-side{display:grid;min-height:100vh;place-items:center;padding:clamp(1.5rem,5vw,5rem);background:radial-gradient(circle at 100% 0,#f3f6ff 0,transparent 30%),#fff}.auth-form-wrap{width:min(100%,27rem)}.auth-mobile-brand{display:none;align-items:center;gap:.5rem;margin-bottom:2rem}.auth-mobile-mark{display:grid;width:2rem;height:2rem;place-items:center;border-radius:.62rem;background:linear-gradient(145deg,#1948f0,#5275ff);color:#fff;font:800 .72rem var(--font-display)}.auth-mobile-brand b{font:800 1rem var(--font-display)}.auth-mobile-brand small{margin-left:.1rem;padding:.15rem .35rem;border-radius:.3rem;background:#eef2ff;color:#3155db;font-size:.5rem;font-weight:900;text-transform:uppercase}
.auth-eyebrow{display:block;margin-bottom:.65rem;color:var(--auth-blue);font-size:.64rem;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.auth-form-wrap h1{color:var(--auth-text);font-size:clamp(1.75rem,2.4vw,2.35rem);line-height:1.15;letter-spacing:-.04em}.auth-form-wrap>.auth-sub{max-width:25rem;margin:.65rem 0 0;color:var(--auth-muted);font-size:.88rem;line-height:1.65}
.auth-form-wrap form{margin-top:1.65rem}.auth-form-wrap .field{margin-top:1rem;gap:.42rem}.auth-form-wrap .field label{color:#313b4d;font-size:.7rem}.auth-input-shell{position:relative}.auth-input-shell>svg{position:absolute;top:50%;left:.92rem;width:1rem;transform:translateY(-50%);color:#8290a6;pointer-events:none}.auth-form-wrap .auth-input-shell>input{height:3.15rem;padding:0 2.9rem 0 2.75rem;border:1px solid var(--auth-line);border-radius:.78rem;background:#f8f9fc;font-size:.8rem}.auth-form-wrap .auth-input-shell>input::placeholder{color:#9ba6b7}.auth-form-wrap .auth-input-shell>input:hover{border-color:#c6cedc}.auth-form-wrap .auth-input-shell>input:focus{border-color:#6d8cff;background:#fff;box-shadow:0 0 0 4px rgba(25,72,240,.09)}.auth-password-toggle{position:absolute;top:50%;right:.55rem;display:grid;width:2.1rem;height:2.1rem;transform:translateY(-50%);place-items:center;border:0;border-radius:.55rem;background:transparent;color:#8390a5}.auth-password-toggle:hover{background:#edf1f8;color:#394962}.auth-password-toggle svg{width:1rem}
.auth-field-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.65rem}.auth-field-row a{color:#3155db;font-size:.68rem;font-weight:750}.auth-field-row a:hover{text-decoration:underline}.auth-form-wrap .btn-primary{min-height:3.15rem;margin-top:1.35rem;border-radius:.78rem;background:linear-gradient(115deg,#1948f0,#315df5);box-shadow:0 10px 24px rgba(25,72,240,.2);font-size:.78rem}.auth-form-wrap .btn-primary:hover{background:linear-gradient(115deg,#123dcc,#244fe0);transform:translateY(-1px);box-shadow:0 13px 30px rgba(25,72,240,.25)}.auth-form-wrap .btn-primary svg{width:1rem;transition:transform .18s}.auth-form-wrap .btn-primary:hover svg{transform:translateX(3px)}.auth-form-wrap .auth-alt{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid #edf0f4;color:#758196;font-size:.72rem}.auth-form-wrap .auth-alt a{color:#3155db}.auth-back-link{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:1.5rem;color:#68758b;font-size:.7rem;font-weight:750}.auth-back-link:hover{color:#1948f0}.auth-back-link svg{width:.9rem}.auth-help{margin-top:1.25rem;color:#94a0b2;font-size:.63rem;line-height:1.55;text-align:center}.auth-success-state{display:grid;margin-top:1.4rem;justify-items:center;padding:1.4rem;border:1px solid #ccebdc;border-radius:1rem;background:#f3fbf7;text-align:center}.auth-success-state>span{display:grid;width:2.9rem;height:2.9rem;place-items:center;border-radius:50%;background:#dff7ea;color:#168653}.auth-success-state>span svg{width:1.4rem}.auth-success-state b{margin-top:.7rem;font-size:.85rem}.auth-success-state p{margin:.35rem 0 0;color:#5c776a;font-size:.7rem;line-height:1.55}.auth-success-state[hidden]{display:none}.auth-form-wrap .alert{border:1px solid #fecaca;border-radius:.75rem;background:#fff6f6}.auth-form-wrap .alert.success{border-color:#bbecd2;background:#f3fbf7;color:#147a4a}
@keyframes authFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}@keyframes authDash{to{stroke-dashoffset:-160}}@keyframes authAuroraOne{to{transform:translate(-12%,18%) scale(1.15)}}@keyframes authAuroraTwo{to{transform:translate(22%,-15%) scale(.9)}}
@media(max-width:980px){.auth-layout{grid-template-columns:minmax(23rem,.85fr) minmax(28rem,1.15fr)}.auth-story{padding:2.5rem}.auth-story h2{font-size:2.35rem}.auth-conversation{transform:scale(.9);transform-origin:left center}}
@media(max-width:780px){body.auth-page{background:#fff}.auth-layout{display:block}.auth-story{display:none}.auth-form-side{min-height:100svh;padding:2rem 1.35rem}.auth-mobile-brand{display:flex}.auth-form-wrap{width:min(100%,28rem)}.auth-form-wrap h1{font-size:1.8rem}}
@media(max-width:420px){.auth-form-side{align-items:start;padding-top:1.5rem}.auth-form-wrap form{margin-top:1.3rem}.auth-form-wrap .field{margin-top:.85rem}}
@media(prefers-reduced-motion:reduce){.auth-aurora,.auth-chat-card,.auth-flow-line path{animation:none!important}.auth-form-wrap .btn-primary,.auth-form-wrap .btn-primary svg{transition:none}}