.login{max-width:360px;margin:80px auto;padding:0 16px}.login-brand{margin-bottom:32px}.login-title{font-size:28px;letter-spacing:-.02em;margin:12px 0 6px;color:var(--fg-1);font-weight:500}.login-sub,.login-title{font-family:var(--font-mono)}.login-sub{font-size:12px;color:var(--fg-3);margin:0;letter-spacing:.04em}.login-primary{display:block;margin-bottom:24px}.login-primary .btn{width:100%;padding:14px 16px;font-size:12px}.login-divider{display:flex;justify-content:center;align-items:center;margin:16px 0;position:relative}.login-divider:after,.login-divider:before{content:"";flex:1 1;border-top:1px solid var(--line-1)}.login-divider .kicker{padding:0 12px}.login-magic{display:grid;grid-gap:10px;gap:10px}.login-magic .login-input{width:100%}.login-magic .btn{width:100%;padding:12px 14px}.login-input{font-size:13px}.login-input,.login-msg{font-family:var(--font-mono)}.login-msg{font-size:11px;letter-spacing:.04em;margin-top:16px;padding:10px 12px;border:1px solid var(--line-1);border-radius:var(--radius-1)}.login-msg-err{color:var(--alert);border-color:oklch(.72 .2 25/.4);background:oklch(.72 .2 25/.08)}.login-msg-ok{color:var(--ok);border-color:oklch(.82 .16 152/.4);background:oklch(.82 .16 152/.08)}