.auth-screen{color:#35213f;background:#fff;grid-template-columns:46% 54%;min-height:100dvh;font-family:Arial,Helvetica,sans-serif;display:grid}.auth-story{background:linear-gradient(125deg,#f1e5fa,#f8eff8);flex-direction:column;justify-content:space-between;gap:35px;padding:42px 50px;display:flex;overflow:hidden}.auth-story>.nexora-brand{align-self:start}.auth-eyebrow{letter-spacing:1.6px;color:#a07bb7;font-size:8px;font-weight:600}.auth-story h2{letter-spacing:-3px;margin:20px 0;font-size:clamp(45px,4.7vw,68px);font-weight:650;line-height:1.05}.auth-story h2 em{color:#955abd;font-family:Georgia,serif;font-weight:400}.auth-story p{color:#a087af;font-size:12px;line-height:1.8}.auth-story>small{color:#af93bc;font-size:9px}.auth-story-card{background:#fffdfb;border:5px solid #fff;border-radius:13px;margin:40px 15px 20px;padding:22px;transform:rotate(-6deg);box-shadow:0 22px 35px #74418f15}.auth-story-card>div:first-child{align-items:center;gap:10px;display:flex}.auth-story-card>div:first-child>span{color:#9e72b6;background:#e9daf1;border-radius:7px;padding:5px 12px;font-size:22px;font-style:italic}.auth-story-card small{letter-spacing:1.3px;color:#b6a0bf;font-size:5px}.auth-story-card>strong{color:#8b669d;margin:28px 0 20px;font:36px/1.1 Georgia;display:block}.auth-story-card>strong em{color:#b795c8}.auth-card-shapes{gap:12px;padding-bottom:3px;display:flex}.auth-card-shapes i{background:#eaddef;border-radius:40px 40px 8px 8px;flex:1;height:45px}.auth-card-shapes i:nth-child(2){background:#f1dfcd}.auth-card-shapes i:nth-child(3){background:#dce6d9}.auth-form-side{flex-direction:column;justify-content:space-between;gap:45px;padding:40px 55px 22px;display:flex}.auth-back{color:#a18aaf;align-items:center;gap:8px;font-size:10px;display:flex}.auth-form-container{width:100%;max-width:390px;margin:auto}.auth-form-container h1{letter-spacing:-1.5px;margin:16px 0;font-size:34px;font-weight:650;line-height:1.15}.auth-form-container>p{color:#9f8aaa;font-size:12px;line-height:1.8}.auth-form-container form{flex-direction:column;gap:20px;margin-top:30px;display:flex}.auth-form-container label{color:#8e759f;flex-direction:column;gap:9px;font-size:10px;font-weight:600;display:flex}.auth-form-container input{color:#684a7b;background:#fcfafd;border:1px solid #e9deef;border-radius:7px;width:100%;min-width:0;padding:14px 13px;font-size:12px;font-weight:400}.auth-form-container input::placeholder{color:#b7a5c1;font-size:11px}.auth-form-container input:focus{outline-offset:2px;outline:2px solid #cba8e3}.auth-name-fields{grid-template-columns:1fr 1fr;gap:15px;display:grid}.auth-password{position:relative}.auth-password input{padding-right:45px}.auth-password>button{color:#b296c3;cursor:pointer;position:absolute;top:14px;right:12px}.auth-password-hint{color:#ab95b6;margin-top:-10px;font-size:8px;line-height:1.7}.auth-submit{color:#fff;cursor:pointer;background:#8243b5;border:0;border-radius:7px;justify-content:center;align-items:center;gap:20px;margin-top:3px;padding:16px;font-size:11px;font-weight:600;display:flex}.auth-submit:hover{background:#71389f}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-switch{text-align:center;margin-top:27px;font-size:11px!important}.auth-switch a{color:#8d54b0;align-items:center;font-weight:600;display:inline-flex}.auth-reassurance{color:#b8a0c4;justify-content:center;align-items:center;gap:7px;margin-top:28px;font-size:8px;display:flex}.auth-footer{text-align:center;color:#b7a3c2;font-size:8px}.auth-form-container>p,.auth-form-container label,.auth-password-hint,.auth-reassurance,.auth-back{color:#765985}.auth-form-container input::placeholder{color:#7f6a8a}.auth-password-hint,.auth-reassurance{font-size:10px}.auth-error{color:#ac4c5d;background:#fff1f1;border:1px solid #efd2d8;border-radius:7px;padding:13px;font-size:11px;line-height:1.6}@media (max-width:1000px){.auth-story,.auth-form-side{padding:35px}.auth-story h2{font-size:50px}.auth-story-card{margin-inline:0;padding:18px}.auth-story-card>strong{font-size:29px}}@media (max-width:700px){.auth-screen{grid-template-columns:1fr}.auth-story{display:none}.auth-form-side{background:linear-gradient(#faf5ff,#fff 35%);gap:45px;min-height:100dvh;padding:25px 25px 20px}.auth-form-container{max-width:410px}.auth-form-container h1{font-size:33px}.auth-form-container>p{font-size:11px}.auth-form-container form{gap:20px}.auth-back{font-size:11px}.auth-reassurance{font-size:9px}}
