*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;background:var(--ns-bg);color:var(--ns-text);font:14px/1.6 var(--ns-font);display:grid;grid-template-columns:1fr 1fr;-webkit-font-smoothing:antialiased}
.login-story{background:var(--ns-sidebar);border-right:1px solid var(--ns-border);padding:42px 9%;display:flex;flex-direction:column;min-height:100vh}
.login-brand{display:flex;align-items:center;gap:10px;color:var(--ns-text);font-weight:650;font-size:17px;letter-spacing:-.5px}
.login-brand img{width:34px;height:34px}
.login-copy{margin:auto 0;max-width:450px;padding:80px 0}
.login-eyebrow{font-size:10px;font-weight:650;color:var(--ns-accent);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:22px}
.login-copy h1{font-size:clamp(35px,4vw,56px);line-height:1.14;font-weight:550;letter-spacing:-2.5px;margin-bottom:26px}
.login-copy p{color:var(--ns-secondary);max-width:340px;font-size:14px;line-height:1.9}
.login-product{margin-top:48px;padding-top:24px;border-top:1px solid var(--ns-border);display:flex;align-items:center;gap:12px;color:var(--ns-secondary);font-size:12px}
.login-product span{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--ns-border);border-radius:8px;background:var(--ns-surface);color:var(--ns-accent);font-weight:650}
.login-product small{display:block;font-size:11px;color:var(--ns-muted);margin-top:2px}
.login-story footer{font-size:10px;color:var(--ns-muted)}
.login-main{position:relative;display:flex;align-items:center;justify-content:center;padding:80px 36px}
.login-theme{position:absolute;top:36px;right:36px;border:1px solid var(--ns-border);border-radius:7px;padding:7px 12px;color:var(--ns-secondary);background:var(--ns-surface);cursor:pointer;font:11px var(--ns-font)}
.login-box{width:100%;max-width:350px}
.login-box .login-eyebrow{margin-bottom:12px;color:var(--ns-muted)}
.login-box h2{font-size:27px;line-height:1.3;font-weight:600;letter-spacing:-.9px;margin:0 0 10px}
.login-description{color:var(--ns-muted);font-size:12px;margin-bottom:30px}
label{display:block;font-size:12px;font-weight:500;color:var(--ns-secondary);margin:20px 0 7px}
input{width:100%;min-height:44px;font:14px var(--ns-font);background:var(--ns-surface);color:var(--ns-text);border:1px solid var(--ns-control);border-radius:7px;padding:11px 12px}
.login-pin{position:relative}.login-pin input{padding-right:74px}
.login-show{position:absolute;right:6px;top:6px;min-height:32px;border:0;border-radius:5px;background:var(--ns-inset);color:var(--ns-secondary);padding:5px 9px;cursor:pointer;font:10px var(--ns-font)}
.login-submit{width:100%;min-height:44px;font:550 13px var(--ns-font);border:1px solid var(--ns-accent);border-radius:7px;color:var(--ns-on-accent);background:var(--ns-accent);cursor:pointer;margin-top:26px}
.login-submit:hover{background:var(--ns-accent-hover)}.login-submit:disabled{opacity:.7;cursor:wait}
.login-error{background:var(--ns-bad-soft);color:var(--ns-bad);border:1px solid var(--ns-bad);border-radius:7px;padding:10px 12px;font-size:12px;margin-top:18px}
.login-help{margin-top:26px;padding-top:20px;border-top:1px solid var(--ns-border);font-size:11px;color:var(--ns-muted);line-height:1.8}
.login-mobile-brand{display:none}
:is(button,input,a):focus-visible{outline:2px solid var(--ns-focus);outline-offset:3px}
[hidden]{display:none!important}
@media(max-width:800px){body{grid-template-columns:1fr}.login-story{display:none}.login-main{min-height:100dvh;padding:100px 24px 50px;align-items:flex-start}.login-mobile-brand{display:flex;margin:0 0 54px;font-size:15px}.login-mobile-brand img{width:28px;height:28px}.login-theme{top:26px;right:24px}.login-box h2{font-size:26px}.login-box{max-width:380px}input{font-size:16px;min-height:46px}.login-show{min-height:34px}.login-submit{min-height:46px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}