.login-screen{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--ag-space-4);background:var(--ag-bg)}.login-card{width:100%;max-width:384px}.login-brand{display:flex;align-items:center;gap:var(--ag-space-2)}.login-brand__mark{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;border-radius:var(--ag-radius-sm);background:var(--ag-primary);color:var(--ag-on-primary);font-weight:700;font-size:var(--ag-fs-md)}.login-brand__name{font-size:var(--ag-fs-lg);font-weight:700;color:var(--ag-fg);letter-spacing:-.01em}.login-subtitle{margin:var(--ag-space-2) 0 var(--ag-space-5);color:var(--ag-muted);font-size:var(--ag-fs-sm)}.login-form{display:flex;flex-direction:column;gap:var(--ag-space-4)}.login-input{width:100%;box-sizing:border-box;padding:var(--ag-space-2) var(--ag-space-3);font:inherit;color:var(--ag-fg);background:var(--ag-surface);border:1px solid var(--ag-border-strong);border-radius:var(--ag-radius-sm);transition:border-color .12s ease,box-shadow .12s ease}.login-input::placeholder{color:var(--ag-fg-faint)}.login-input:focus-visible{outline:none;border-color:var(--ag-primary);box-shadow:var(--ag-ring)}.login-submit{width:100%;margin-top:var(--ag-space-1)}@media (prefers-reduced-motion:reduce){.login-input{transition:none}}