.login-page{display:grid;min-height:100vh;place-items:center;padding:32px 16px;background:var(--app-bg);font-family:var(--app-font-sans)}.login-form{display:grid;gap:16px;width:min(100%,360px);box-sizing:border-box;padding:24px;border:1px solid var(--app-border);border-radius:8px;background:var(--app-surface);color:var(--app-text);box-shadow:var(--app-shadow)}.login-form__title{margin:0 0 4px;font-size:24px;line-height:1.2}.login-form__field{display:grid;gap:6px;color:var(--app-text-muted);font-size:14px}.login-form__field input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--app-border-strong);border-radius:8px;background:var(--app-surface);color:var(--app-text);font:inherit}.login-form__field input:focus{outline:3px solid var(--app-focus-ring);outline-offset:2px}.login-form__remember{display:flex;align-items:center;gap:8px;color:var(--app-text-muted);font-size:14px}.login-form__button{min-height:38px;padding:0 14px;border:1px solid var(--app-accent);border-radius:8px;background:var(--app-accent);color:var(--app-text-inverse);font:inherit;cursor:pointer}.login-form__button:hover{border-color:var(--app-accent-hover);background:var(--app-accent-hover)}.login-form__button:focus-visible{outline:3px solid var(--app-focus-ring);outline-offset:2px}.login-form__error{margin:-8px 0 0;color:var(--app-danger);font-size:14px}