.auth-layout{grid-template-columns:1fr 1.05fr;min-height:100dvh;display:grid}.auth-story{background-color:var(--navy);color:#fff;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:42px 42px;flex-direction:column;min-height:100dvh;padding:42px 55px 25px;display:flex;overflow:hidden}.auth-story .brand{align-self:flex-start}.auth-story-main{margin:auto 0;padding:60px 0 70px;position:relative}.auth-kicker{letter-spacing:1.4px;color:var(--amber);align-items:center;gap:8px;margin-bottom:25px;font-size:9px;font-weight:650;display:flex}.auth-story h1{letter-spacing:-3px;font-family:Space Grotesk,sans-serif;font-size:clamp(46px,4.7vw,74px);line-height:1.1}.auth-story h1 span{color:var(--amber)}.auth-story-main>p{color:#aeb9d0;max-width:330px;margin-top:25px;font-size:12px;line-height:2}.auth-story-features{flex-direction:column;gap:14px;margin-top:35px;display:flex}.auth-story-features>span{color:#c6d0e1;align-items:center;gap:10px;font-size:11px;display:flex}.auth-story-features svg{color:var(--amber)}.auth-sticker{background:var(--amber);color:var(--navy);border:2px solid var(--navy);outline:1px solid var(--amber);border-radius:8px;align-items:center;gap:12px;padding:17px;display:flex;position:absolute;bottom:5px;right:-15px;transform:rotate(9deg);box-shadow:5px 5px #fff3}.auth-sticker>span{font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:700;line-height:1.1}.auth-story-footer{color:#8d9cb8;letter-spacing:1px;justify-content:space-between;gap:20px;font-size:7px;display:flex}.auth-main{background:var(--paper);flex-direction:column;min-width:0;padding:37px 45px 22px;display:flex}.auth-back{color:#7d8795;align-self:flex-start;align-items:center;gap:8px;font-size:11px;display:flex}.auth-form-wrapper{width:100%;max-width:375px;margin:auto;padding:45px 0}.auth-form-wrapper .eyebrow{letter-spacing:1.2px;color:#91703d;font-size:8px}.auth-form-wrapper h2{letter-spacing:-1px;margin-top:10px;font-family:Space Grotesk,sans-serif;font-size:29px;line-height:1.25}.auth-subtitle{color:#7c8695;margin-top:10px;font-size:12px}.auth-form{flex-direction:column;gap:19px;margin-top:30px;display:flex}.auth-form .input{border:1.5px solid var(--navy);border-radius:6px;min-height:47px;font-size:12px}.auth-form .form-label{font-size:11px}.password-field{display:block;position:relative}.password-field .input{padding-right:45px}.password-field>button{color:#8791a0;background:0 0;border:0;padding:0;display:flex;position:absolute;top:14px;right:12px}.auth-submit{width:100%;margin-top:3px;padding:13px;font-size:12px}.auth-submit.btn-navy{color:var(--amber)}.auth-switch{color:#8a93a0;text-align:center;margin-top:22px;font-size:11px}.auth-switch a{color:var(--navy);align-items:center;gap:3px;font-weight:800;display:inline-flex}.auth-demo{background:var(--amber-soft);border:1px dashed #c5a365;border-radius:7px;margin-top:27px;padding:16px 17px}.auth-demo>div:first-child{align-items:center;gap:6px;display:flex}.auth-demo strong{letter-spacing:.8px;font-size:8px;font-weight:800}.auth-demo>p{color:#886b3d;margin-top:5px;font-size:10px}.auth-demo-buttons{gap:10px;margin-top:14px;display:flex}.auth-demo-buttons .btn{box-shadow:2px 2px 0 var(--navy);flex:1;gap:6px;padding:8px 10px;font-size:10px}.auth-safe{color:#8b949f;justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:9px;display:flex}.auth-error{color:#a54735;background:#fff1e7;border:1px solid #cc8a7f;border-radius:6px;margin-top:20px;padding:12px 14px;font-size:11px}.auth-terms{color:#9299a3;font-size:9px;line-height:1.9}.auth-main-footer{color:#9aa2ad;text-align:center;font-size:9px}.auth-mobile-brand{display:none}.spinning{animation:1s linear infinite spin}@media (max-width:1000px){.auth-story{padding:35px}.auth-story h1{font-size:52px}.auth-main{padding:35px 30px}.auth-form-wrapper h2{font-size:26px}.auth-sticker{font-size:16px;right:-10px}.auth-story-footer{font-size:6px}}@media (max-width:700px){.auth-layout{display:block}.auth-story{display:none}.auth-main{min-height:100dvh;padding:23px}.auth-form-wrapper{max-width:390px;padding:40px 0}.auth-mobile-brand{margin-bottom:40px;display:block}.auth-form-wrapper h2{font-size:29px}.auth-back{font-size:10px}.auth-form-wrapper .eyebrow{font-size:8px}.auth-form{margin-top:27px}.auth-form .input{min-height:49px}.auth-demo{margin-top:25px}.auth-demo-buttons .btn{padding:10px}.auth-main-footer{margin-top:10px;font-size:8px}}