.login{background:var(--surface-canvas);place-items:center;min-height:100dvh;padding:24px;display:grid}.login__card{background:var(--surface-raised);border:1px solid var(--line-default);border-radius:14px;flex-direction:column;gap:12px;width:100%;max-width:360px;padding:28px;display:flex;box-shadow:0 12px 40px #0000002e}.login__title{color:var(--ink-primary);margin:0}.login__sub{color:var(--ink-secondary);margin:0}.login__label{color:var(--ink-secondary);margin:4px 0 -6px;font-size:13px;font-weight:600}.login__input{border:1px solid var(--line-default);background:var(--surface-canvas);color:var(--ink-primary);border-radius:8px;padding:10px 12px;font-size:15px}.login__input:focus-visible{outline:3px solid var(--focus-ring);outline-offset:1px;border-color:var(--accent-primary)}.login__error{color:var(--fin-red);margin:0;font-size:13px}.login__submit{border:1px solid var(--accent-primary);background:var(--accent-primary);color:#fff;min-height:40px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;margin-top:4px;padding:10px 16px;font-size:15px;font-weight:600;display:inline-flex}.login__submit:hover{filter:brightness(.94)}.login__submit:disabled{opacity:.6;cursor:progress}.login__submit:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}[data-theme=dark] .login__submit{color:var(--surface-canvas)}