.scr-login{background:var(--paper-200);justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex}.scr-login .btn{border-radius:var(--radius-sm);height:40px;font:600 14px/1 var(--font-ui);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:all .1s;display:inline-flex}.scr-login .btn svg{width:14px;height:14px}.scr-login .btn--primary{background:var(--ink-800);color:var(--paper-50);border-color:var(--ink-800)}.scr-login .btn--primary:hover{background:var(--ink-900)}.scr-login .btn--lg{height:48px;padding:0 22px;font-size:15px}.scr-login .btn--block{width:100%}.scr-login .btn:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px}.scr-login .auth-stage{background:var(--paper-50);border:var(--border-thin);border-radius:var(--radius-md);width:100%;max-width:1280px;min-height:640px;box-shadow:var(--shadow-2);grid-template-columns:1fr 1fr;margin:0 auto;display:grid;overflow:hidden}.scr-login .auth-brand{background:linear-gradient(150deg, var(--ink-800) 0%, var(--ink-700) 55%, #2e5a52 100%);color:var(--paper-50);justify-content:space-between;gap:var(--space-8);flex-direction:column;padding:40px;display:flex;position:relative;overflow:hidden}.scr-login .auth-brand:before{content:"";background:radial-gradient(circle, var(--accent-300), transparent 70%);opacity:.2;border-radius:50%;width:360px;height:360px;position:absolute;top:-80px;right:-120px}.scr-login .auth-brand:after{content:"";background:radial-gradient(circle, var(--accent-500), transparent 70%);opacity:.12;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-180px;left:30%}.scr-login .auth-brand>*{z-index:1;position:relative}.scr-login .auth-brand__logo{align-items:center;gap:12px;display:flex}.scr-login .auth-brand__mark{background:var(--accent-300);width:36px;height:36px;color:var(--ink-800);font:700 16px/1 var(--font-display);border-radius:9px;justify-content:center;align-items:center;display:flex}.scr-login .auth-brand__name{font:700 20px/1 var(--font-display);letter-spacing:var(--tracking-tight)}.scr-login .auth-brand__name small{font:var(--text-caption);color:var(--ink-200);margin-top:2px;font-weight:500;display:block}.scr-login .auth-brand__kicker{font:var(--text-overline);color:var(--accent-300);letter-spacing:var(--tracking-wide);text-transform:uppercase}.scr-login .auth-brand__title{font:700 clamp(26px, 3.2vw, 38px)/1.05 var(--font-display);color:var(--paper-50);letter-spacing:var(--tracking-tight);margin:12px 0 16px}.scr-login .auth-brand__title b{color:var(--accent-300);font-weight:700}.scr-login .auth-brand__sub{font:var(--text-body);color:var(--ink-100);max-width:360px;line-height:1.55}.scr-login .auth-brand__proof{padding-top:var(--space-5);border-top:1px solid #ffffff1f}.scr-login .auth-brand__proof-l{font:var(--text-overline);color:var(--accent-200);letter-spacing:var(--tracking-wide);text-transform:uppercase}.scr-login .auth-brand__chain{gap:var(--space-3);margin:var(--space-4) 0 0;padding:0 0 0 var(--space-5);flex-direction:column;display:flex}.scr-login .auth-brand__chain li{font:var(--text-body-sm);color:var(--ink-100);line-height:1.5}.scr-login .auth-brand__chain li::marker{color:var(--accent-300);font-weight:700}.scr-login .auth-brand__stamp{border-radius:var(--radius-xs);font:var(--text-mono);color:var(--accent-200);white-space:nowrap;background:#ffffff1a;margin-left:8px;padding:2px 7px;display:inline-block}.scr-login .auth-brand__proof-out{font:var(--text-body-sm);color:var(--ink-200);margin:var(--space-4) 0 0;line-height:1.5}.scr-login .auth-form{flex-direction:column;align-self:center;gap:20px;width:100%;max-width:520px;padding:48px 52px;display:flex}.scr-login .auth-form h2{font:700 28px/1.1 var(--font-display);color:var(--ink-900);letter-spacing:var(--tracking-tight);margin:0}.scr-login .auth-form>div>p{font:var(--text-body);color:var(--ink-500);margin:4px 0 0;line-height:1.5}.scr-login .auth-form form{gap:var(--space-3);flex-direction:column;display:flex}.scr-login .field{flex-direction:column;gap:6px;display:flex}.scr-login .field__l{font:600 12.5px/1 var(--font-ui);color:var(--ink-700);letter-spacing:var(--tracking-normal)}.scr-login .field__l .req{color:var(--alert-500)}.scr-login .field__l-row{justify-content:space-between;align-items:center;display:flex}.scr-login .field__l-row a{font:500 12px/1 var(--font-ui);color:var(--accent-700)}.scr-login .field__inp{background:var(--paper-50);border:var(--border-thin);border-radius:var(--radius-sm);height:44px;font:400 14px/1 var(--font-ui);color:var(--ink-900);padding:0 14px;transition:border-color .1s,box-shadow .1s}.scr-login .field__inp:focus{border-color:var(--accent-500);box-shadow:var(--shadow-focus);outline:none}.scr-login .field__inp:focus-visible{outline:2px solid var(--accent-600);outline-offset:1px}.scr-login .field__inp::placeholder{color:var(--ink-500)}.scr-login .field__inp-wrap{position:relative}.scr-login .field__inp-wrap .field__inp{padding-left:40px}.scr-login .field__inp-wrap>svg{width:14px;height:14px;color:var(--ink-400);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.scr-login .login-err{background:var(--alert-50);border:1px solid var(--alert-300);border-radius:var(--radius-sm);font:var(--text-body-sm);color:var(--alert-700);align-items:center;gap:10px;padding:12px 14px;display:flex}.scr-login .login-err svg{width:16px;height:16px;color:var(--alert-500);flex-shrink:0}@media (max-width:980px){.scr-login{padding:0}.scr-login .auth-stage{min-height:100vh;box-shadow:none;border:none;border-radius:0;grid-template-rows:auto 1fr;grid-template-columns:1fr;max-width:none}.scr-login .auth-brand{background:linear-gradient(120deg, var(--ink-800) 0%, var(--ink-700) 70%, #2e5a52 100%);padding:var(--space-6) var(--space-6) var(--space-8);gap:var(--space-5)}.scr-login .auth-brand:after{display:none}.scr-login .auth-brand__sub{max-width:none}.scr-login .auth-form{padding:var(--space-8) var(--space-6) var(--space-10);align-self:start;max-width:none}}@media (max-width:640px){.scr-login .auth-brand__proof{display:none}.scr-login .auth-brand{padding:var(--space-5) var(--space-5) var(--space-6);justify-content:flex-start;gap:var(--space-4)}.scr-login .auth-brand__title{margin:10px 0 12px}.scr-login .auth-form{padding:var(--space-6) var(--space-5) var(--space-8)}}
