.screens-root .auth{grid-template-columns:1fr 480px;min-height:100vh;display:grid}.screens-root .auth-side{background:var(--bg-1);border-right:1px solid var(--line);padding:60px var(--pad-x);flex-direction:column;display:flex;position:relative;overflow:hidden}.screens-root .auth-side:before{content:"";background-image:linear-gradient(to right, var(--line-soft) 1px, transparent 1px), linear-gradient(to bottom, var(--line-soft) 1px, transparent 1px);opacity:.5;pointer-events:none;background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 30%,#000 0%,#0000 75%);mask-image:radial-gradient(at 30%,#000 0%,#0000 75%)}.screens-root .auth-side>*{position:relative}.screens-root .auth-side .meta{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-3);align-items:center;gap:10px;margin-bottom:40px;font-size:10px;display:flex}.screens-root .auth-side .meta .dot{border-radius:var(--radius-full);background:var(--st-active);width:6px;height:6px;box-shadow:0 0 0 0 color-mix(in oklch, var(--st-active), transparent 40%);animation:2s infinite auth-pulse}.screens-root .auth-side .auth-side-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--fg-0);max-width:580px;margin:0 0 16px;font-size:clamp(32px,4vw,52px);font-weight:500;line-height:1.05}.screens-root .auth-side .auth-side-title b{color:var(--accent-ink);font-weight:500}.screens-root .auth-side .lede{color:var(--fg-2);max-width:520px;margin:0 0 36px;font-size:15px;line-height:1.55}.screens-root .auth-feature-list{gap:var(--space-4);flex-direction:column;max-width:520px;margin-bottom:auto;display:flex}.screens-root .auth-feat{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line-soft);background:color-mix(in oklch, var(--bg-0), transparent 30%);border-radius:var(--radius-3);grid-template-columns:36px 1fr;display:grid}.screens-root .auth-feat .mark{background:var(--bg-2);border:1px solid var(--line);width:32px;height:32px;font-family:var(--font-mono);color:var(--accent-ink);border-radius:var(--radius-2);place-items:center;font-size:11px;display:grid}.screens-root .auth-feat .ttl{color:var(--fg-0);margin-bottom:4px;font-size:13px;font-weight:500}.screens-root .auth-feat .sub{color:var(--fg-3);font-size:11px;line-height:1.4}.screens-root .auth-side .stamp{border-top:1px solid var(--line-soft);gap:var(--space-5);font-family:var(--font-mono);color:var(--fg-3);flex-wrap:wrap;margin-top:40px;padding-top:20px;font-size:10px;display:flex}.screens-root .auth-side .stamp b{color:var(--fg-1);font-weight:500}.screens-root .auth-form{background:var(--bg-0);flex-direction:column;padding:60px 56px;display:flex}.screens-root .auth-form h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--fg-0);margin:0 0 6px;font-size:26px;font-weight:500}.screens-root .auth-form .sub{color:var(--fg-3);margin:0 0 28px;font-size:13px}.screens-root .auth-pane{gap:var(--space-3);flex-direction:column;display:none}.screens-root .auth-pane.active{display:flex}.screens-root .auth-field{flex-direction:column;gap:6px;display:flex;position:relative}.screens-root .auth-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-3);align-items:center;gap:8px;font-size:10px;display:flex}.screens-root .auth-label .req{color:var(--accent-ink)}.screens-root .auth-input{height:42px;padding:0 var(--space-3);background:var(--bg-1);border:1px solid var(--line);color:var(--fg-0);border-radius:var(--radius-3);outline:none;font-family:inherit;font-size:14px;transition:border-color .12s,background .12s}.screens-root .auth-input:focus{border-color:var(--ink);background:var(--bg-0);box-shadow:var(--focus-ring)}.screens-root .auth-input.has-value{border-color:var(--line);color:var(--fg-0)}.screens-root .auth-input-row{position:relative}.screens-root .auth-input-row .auth-input{width:100%;padding-right:70px}.screens-root .auth-input-row .input-end{font-family:var(--font-mono);color:var(--fg-3);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:10px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.screens-root .auth-input-row .input-end:hover{color:var(--accent-ink)}.screens-root .auth-row{color:var(--fg-3);justify-content:space-between;align-items:center;margin:4px 0 8px;font-size:12px;display:flex}.screens-root .auth-row label{cursor:pointer;align-items:center;gap:8px;display:flex}.screens-root .auth-row .checkbox{border:1px solid var(--line);background:var(--bg-1);place-items:center;width:14px;height:14px;display:inline-grid}.screens-root .auth-row .checkbox.on{background:var(--accent);border-color:var(--accent)}.screens-root .auth-row .checkbox.on:after{content:"✓";color:var(--accent-text);font-size:10px;line-height:1}.screens-root .auth-row a{color:var(--fg-2);cursor:pointer}.screens-root .auth-row a:hover{color:var(--accent-ink)}.screens-root .auth-submit{background:var(--accent);height:46px;color:var(--accent-text);cursor:pointer;margin-top:var(--space-2);border-radius:var(--radius-3);border:0;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:500;transition:filter .12s;display:flex}.screens-root .auth-submit:hover{filter:brightness(1.08)}.screens-root .auth-submit .kbd{color:#ffffffd9;background:#0003;border-color:#0000004d}.screens-root .auth-divider{align-items:center;gap:var(--space-3);color:var(--fg-3);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;margin:22px 0;font-size:10px;display:flex}.screens-root .auth-divider:before,.screens-root .auth-divider:after{content:"";background:var(--line-soft);flex:1;height:1px}.screens-root .auth-sso{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.screens-root .auth-sso button{background:var(--bg-1);border:1px solid var(--line);height:42px;color:var(--fg-1);cursor:pointer;border-radius:var(--radius-3);justify-content:center;align-items:center;gap:10px;font-size:13px;transition:background .12s;display:flex}.screens-root .auth-sso button:hover{background:var(--bg-2)}.screens-root .auth-sso .ic{width:16px;height:16px;font-family:var(--font-mono);color:var(--accent-ink);border:1px solid var(--line);background:var(--bg-2);place-items:center;font-size:10px;display:grid}.screens-root .auth-foot{padding-top:var(--space-5);font-family:var(--font-mono);color:var(--fg-3);justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:auto;font-size:11px;display:flex}.screens-root .auth-foot a{color:var(--fg-2);cursor:pointer}.screens-root .auth-foot a:hover{color:var(--accent-ink)}.screens-root .otp-grid{gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:repeat(6,1fr);display:grid}.screens-root .otp-cell{background:var(--bg-1);border:1px solid var(--line);height:56px;font-family:var(--font-mono);color:var(--fg-0);letter-spacing:0;border-radius:var(--radius-3);place-items:center;font-size:22px;font-weight:500;transition:all .12s;display:grid}.screens-root .otp-cell.filled{background:var(--bg-2);border-color:var(--line)}.screens-root .otp-cell.active{border-color:var(--ink);background:var(--bg-0);box-shadow:var(--focus-ring)}.screens-root .otp-cell.error{border-color:var(--st-retired);color:var(--st-retired-ink)}.screens-root .otp-meta{font-family:var(--font-mono);color:var(--fg-3);justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;display:flex}.screens-root .otp-meta .timer{color:var(--fg-2);align-items:center;gap:8px;display:flex}.screens-root .otp-meta .timer .ring{border:2px solid var(--line);border-top-color:var(--accent);border-radius:var(--radius-full);width:14px;height:14px;animation:1.4s linear infinite auth-spin}.screens-root .otp-meta a{color:var(--fg-2);cursor:pointer}.screens-root .otp-meta a:hover{color:var(--accent-ink)}.screens-root .otp-meta a[aria-disabled=true]{cursor:not-allowed;color:var(--fg-3)}.screens-root .otp-meta a[aria-disabled=true]:hover{color:var(--fg-3)}.screens-root .otp-channel{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border:1px solid var(--line-soft);background:var(--bg-1);margin-bottom:var(--space-4);border-radius:var(--radius-3);display:flex}.screens-root .otp-channel .icon{background:var(--bg-2);border:1px solid var(--line);width:32px;height:32px;color:var(--accent-ink);font-family:var(--font-mono);place-items:center;font-size:13px;display:grid}.screens-root .otp-channel .body{flex:1}.screens-root .otp-channel .body .lbl{color:var(--fg-0);font-size:12px;font-weight:500}.screens-root .otp-channel .body .val{font-family:var(--font-mono);color:var(--fg-3);margin-top:2px;font-size:11px}.screens-root .otp-channel a,.screens-root .otp-channel button{font-family:var(--font-mono);color:var(--fg-2);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;font-size:10px}.screens-root .otp-channel a:hover,.screens-root .otp-channel button:hover{color:var(--accent-ink)}.screens-root .otp-channel button:disabled{cursor:not-allowed;color:var(--fg-3)}.screens-root .otp-channel button:disabled:hover{color:var(--fg-3)}.screens-root .auth-2fa-list{gap:var(--space-2);flex-direction:column;display:flex}.screens-root .auth-2fa-opt{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line-soft);background:var(--bg-1);cursor:pointer;border-radius:var(--radius-3);grid-template-columns:36px 1fr 18px;transition:all .12s;display:grid}.screens-root .auth-2fa-opt:hover{background:var(--bg-2)}.screens-root .auth-2fa-opt.selected{border-color:var(--accent);background:var(--bg-2);box-shadow:inset 3px 0 0 var(--accent)}.screens-root .auth-2fa-opt .icon{background:var(--bg-2);border:1px solid var(--line);width:32px;height:32px;color:var(--accent-ink);font-family:var(--font-mono);place-items:center;font-size:13px;display:grid}.screens-root .auth-2fa-opt.selected .icon{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.screens-root .auth-2fa-opt .ttl{color:var(--fg-0);font-size:13px;font-weight:500}.screens-root .auth-2fa-opt .sub{font-family:var(--font-mono);color:var(--fg-3);margin-top:2px;font-size:10px}.screens-root .auth-2fa-opt .arr{color:var(--fg-3);text-align:right}.screens-root .auth-2fa-opt.selected .arr{color:var(--accent-ink)}.screens-root .auth-sso-check{padding:var(--space-3) var(--space-3);background:color-mix(in oklch, var(--st-active), transparent 92%);border:1px solid color-mix(in oklch, var(--st-active), transparent 70%);margin-bottom:var(--space-3);color:var(--fg-1);border-radius:var(--radius-3);align-items:center;gap:10px;font-size:12px;display:flex}.screens-root .auth-sso-check .ic{border-radius:var(--radius-full);background:var(--st-active);width:18px;height:18px;color:var(--bg-0);place-items:center;font-size:11px;font-weight:600;display:grid}.screens-root .auth-sso-check .mono{color:var(--fg-3);margin-left:auto;font-size:10px}.screens-root .auth-sso-check.is-pending{background:color-mix(in oklch, var(--accent), transparent 92%);border-color:color-mix(in oklch, var(--accent), transparent 70%)}.screens-root .auth-sso-check.is-pending .ic{background:var(--accent);color:var(--accent-text);animation:1.4s linear infinite auth-spin}.screens-root .auth-sso-check.is-waiting{background:var(--bg-1);border-color:var(--line-soft);color:var(--fg-3)}.screens-root .auth-sso-check.is-waiting .ic{background:var(--bg-3);color:var(--fg-3)}@keyframes auth-pulse{0%{box-shadow:0 0 0 0 color-mix(in oklch, var(--st-active), transparent 40%)}70%{box-shadow:0 0 0 8px color-mix(in oklch, var(--st-active), transparent 100%)}to{box-shadow:0 0 0 0 color-mix(in oklch, var(--st-active), transparent 100%)}}@keyframes auth-spin{to{transform:rotate(360deg)}}.screens-root .auth--solo{grid-template-columns:1fr;place-items:center}.screens-root .auth--solo .auth-form{justify-content:center;width:min(440px,100%);min-height:100vh}.screens-root .auth--split{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.screens-root .auth--split .auth-form{justify-content:center}.screens-root .login-hero{background:linear-gradient(135deg, var(--ink) 0%, var(--ink-hover) 100%);color:var(--text-on-ink);padding:56px var(--pad-x);flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.screens-root .login-hero:before{content:"";background:radial-gradient(800px 400px at 100% 0%, color-mix(in oklch, var(--accent), transparent 88%), transparent 60%), radial-gradient(600px 300px at 0% 100%, color-mix(in oklch, var(--text-on-ink), transparent 95%), transparent 60%);pointer-events:none;position:absolute;inset:0}.screens-root .login-hero>*{position:relative}.screens-root .login-hero-eyebrow{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in oklch, var(--text-on-ink), transparent 50%);font-size:11px;font-weight:500}.screens-root .login-hero-eyebrow:before{content:"—— ";color:var(--accent-ink)}.screens-root .login-hero-quote{letter-spacing:-.01em;max-width:520px;margin:24px 0 0;font-size:clamp(22px,2.4vw,30px);font-weight:500;line-height:1.3}.screens-root .login-hero-accent{color:var(--accent-ink)}.screens-root .login-hero-mock{border:1px solid color-mix(in oklch, var(--text-on-ink), transparent 90%);border-radius:var(--radius-4);background:color-mix(in oklch, var(--text-on-ink), transparent 98%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:480px;margin-top:40px;overflow:hidden}.screens-root .login-hero-mock-bar{border-bottom:1px solid color-mix(in oklch, var(--text-on-ink), transparent 92%);font-family:var(--font-mono);color:color-mix(in oklch, var(--text-on-ink), transparent 50%);align-items:center;gap:8px;padding:10px 14px;font-size:11px;display:flex}.screens-root .login-hero-mock-dots{gap:5px;display:inline-flex}.screens-root .login-hero-mock-dot{background:color-mix(in oklch, var(--text-on-ink), transparent 85%);border-radius:50%;width:8px;height:8px}.screens-root .login-hero-mock-url{margin-left:8px}.screens-root .login-hero-mock-row{border-bottom:1px solid color-mix(in oklch, var(--text-on-ink), transparent 94%);grid-template-columns:80px 1fr 90px;align-items:center;gap:12px;padding:10px 14px;font-size:12px;display:grid}.screens-root .login-hero-mock-row:last-child{border-bottom:0}.screens-root .login-hero-mock-id{font-family:var(--font-mono);color:color-mix(in oklch, var(--text-on-ink), transparent 50%);font-size:11px}.screens-root .login-hero-mock-title{color:var(--text-on-ink)}.screens-root .login-hero-mock-pill{font-family:var(--font-mono);border-radius:var(--radius-full);text-align:center;padding:2px 8px;font-size:10px}.screens-root .login-hero-mock-pill--version{background:color-mix(in oklch, var(--green), transparent 82%);color:var(--text-on-ink)}.screens-root .login-hero-mock-pill--review{background:color-mix(in oklch, var(--text-on-ink), transparent 92%);color:color-mix(in oklch, var(--text-on-ink), transparent 30%)}.screens-root .login-hero-mock-pill--draft{background:color-mix(in oklch, var(--text-on-ink), transparent 94%);color:color-mix(in oklch, var(--text-on-ink), transparent 50%)}.screens-root .login-hero-foot{gap:var(--space-2) var(--space-5);font-family:var(--font-mono);color:color-mix(in oklch, var(--text-on-ink), transparent 50%);flex-wrap:wrap;font-size:11px;display:flex}.screens-root .login-hero-foot b{color:var(--text-on-ink);font-weight:600}@media (max-width:880px){.screens-root .auth{grid-template-columns:1fr}.screens-root .auth-side{display:none}.screens-root .auth--split{grid-template-columns:1fr}.screens-root .login-hero{display:none}}@media (max-width:600px){.screens-root .auth-form{padding:40px 20px}}@media (prefers-reduced-motion:reduce){.screens-root .auth-side .meta .dot,.screens-root .otp-meta .timer .ring,.screens-root .auth-sso-check.is-pending .ic{animation:none}}.screens-root .auth-magic-link-form,.screens-root .auth-password-form{gap:var(--space-3);flex-direction:column;display:flex}.screens-root .auth-label-action{color:var(--fg-2);text-transform:none;letter-spacing:0;cursor:pointer;margin-left:auto;font-family:inherit;font-size:12px}.screens-root .auth-label-action:hover{color:var(--accent-ink)}.screens-root .auth-submit:disabled{cursor:not-allowed;opacity:.6;filter:none}.screens-root .auth-submit--secondary{background:var(--bg-1);color:var(--fg-0);border:1px solid var(--line)}.screens-root .auth-submit--secondary:hover{background:var(--bg-2);filter:none}.screens-root .auth-submit--secondary:disabled{background:var(--bg-1)}.screens-root .auth-form-message{padding:10px var(--space-3);color:var(--fg-1);background:color-mix(in oklch, var(--bg-2), transparent 50%);border:1px solid var(--line-soft);border-radius:var(--radius-3);margin:0;font-size:13px}.screens-root .auth-form-message--error{color:var(--st-retired-ink);background:color-mix(in oklch, var(--st-retired), transparent 88%);border-color:color-mix(in oklch, var(--st-retired), transparent 70%)}.screens-root .auth-form-message--ok{color:var(--st-active-ink);background:color-mix(in oklch, var(--st-active), transparent 88%);border-color:color-mix(in oklch, var(--st-active), transparent 70%)}.screens-root .auth-form-hint{color:var(--fg-2);margin:0;font-size:12px}.screens-root .auth-form-hint--center{text-align:center}.screens-root .auth-form-hint-link{color:var(--fg-2)}.screens-root .auth-form-hint-link:hover{color:var(--accent-ink)}.screens-root .auth-terms-note a{color:inherit;text-decoration:underline}.screens-root .auth-terms-note a:hover{color:var(--accent-ink)}.screens-root button.auth-form-hint-link{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.screens-root .auth-sso--oauth{margin-bottom:4px}.screens-root .auth-sso-provider{border:1px solid var(--line);cursor:pointer;border-radius:var(--radius-3);justify-content:center;align-items:center;gap:10px;height:42px;font-size:13px;font-weight:500;text-decoration:none;transition:filter .12s;display:flex}.screens-root .auth-sso-provider:hover{filter:brightness(1.05)}.screens-root .auth-sso-provider .ic{width:18px;height:18px;font-family:var(--font-mono);color:inherit;background:#0000001f;border:1px solid #0000002e;place-items:center;font-size:10px;display:grid}.screens-root .auth-sso-provider--yandex{color:var(--ink-1000);background:#fc0;border-color:#fc0}.screens-root .auth-sso-provider--vk{color:var(--ink-0);background:#0062d6;border-color:#0062d6}.screens-root .auth-sso-provider--vk .ic{background:#ffffff1a;border-color:#ffffff4d}.screens-root .auth-password-toggle{flex-direction:column;gap:0;display:flex}.screens-root .auth-password-toggle__btn{cursor:pointer;color:var(--fg-2);text-align:center;background:0 0;border:0;padding:6px 4px;font-family:inherit;font-size:13px}.screens-root .auth-password-toggle__btn:hover{color:var(--accent-ink)}.screens-root .auth-password-toggle__body{margin-top:12px}.screens-root .auth :is(button,a,input):focus-visible{outline:2px solid var(--accent);outline-offset:1px}.screens-root .otp-grid .otp-cell{width:100%;font-family:var(--font-mono);color:var(--fg-0);text-align:center;caret-color:var(--accent);appearance:none;-moz-appearance:textfield;outline:none;font-size:22px}.screens-root .otp-grid .otp-cell::-webkit-outer-spin-button{appearance:none;margin:0}.screens-root .otp-grid .otp-cell::-webkit-inner-spin-button{appearance:none;margin:0}.screens-root .otp-grid .otp-cell:focus,.screens-root .otp-grid .otp-cell:focus-visible{border-color:var(--ink);background:var(--bg-0);box-shadow:var(--focus-ring);outline:none}.screens-root .auth-2fa-opt{appearance:none;background:var(--bg-1);text-align:left;font:inherit;color:inherit;width:100%}.screens-root .auth-2fa-opt:focus-visible{box-shadow:inset 0 0 0 1px var(--accent);outline:none}.screens-root .auth-2fa-opt.selected:focus-visible{box-shadow:inset 3px 0 0 var(--accent), inset 0 0 0 1px var(--accent)}