@keyframes login-fade-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--size-xxxs);background:var(--bg-low);background-image:radial-gradient(circle, rgba(208, 213, 255, 0.6) 1px, transparent 1px);background-size:28px 28px}.login-page__card{background:var(--bg-card);border:var(--border-width-hairline) solid var(--border-main);border-radius:var(--border-radius-md);box-shadow:var(--box-shadow-light);padding:var(--size-xxs);width:100%;max-width:420px;display:flex;flex-direction:column;gap:var(--size-xxs);animation:login-fade-in .35s ease-out both}.login-page__header{display:flex;flex-direction:column;align-items:center;gap:var(--size-micro-2);text-align:center}.login-page__logo{width:var(--size-xl);height:var(--size-xl);border-radius:var(--border-radius-sm);background:var(--bg-card);border:var(--border-width-hairline) solid var(--border-main);box-shadow:var(--box-shadow-super-light);display:flex;align-items:center;justify-content:center;margin-bottom:var(--size-micro-3)}.login-page__logo img{height:36px;width:auto;display:block}.login-page__title{font-family:var(--font-family-display);font-weight:var(--font-weight-display-heavy);font-size:var(--font-size-md);color:rgb(var(--colors-neutral-10));letter-spacing:-0.02em;margin:0}.login-page__subtitle{font-family:var(--font-family-text);font-size:var(--font-size-xs);color:rgb(var(--colors-neutral-40));margin:0}.login-page__form{display:flex;flex-direction:column;gap:var(--size-micro)}.login-page__actions{display:flex;align-items:center;justify-content:space-between}.login-page__forgot{color:var(--color-action);text-decoration:none;transition:opacity .15s ease}.login-page__forgot:hover{opacity:.75}.login-page__error{display:flex;align-items:center;gap:var(--size-micro-2);color:rgb(var(--colors-red-20));font-size:var(--font-size-xs);padding:var(--edge-content-xs) var(--edge-content-sm);border-radius:var(--border-radius-xs);border:var(--border-width-hairline) solid var(--border-error-subtle)}.login-page__error-icon{flex-shrink:0;font-size:var(--font-size-sm)}.login-page__footer{text-align:center;font-size:var(--font-size-xs);color:rgb(var(--colors-neutral-60));margin:0}@media(max-width: 450px){.login-page{padding:var(--size-micro)}.login-page__card{border-radius:var(--border-radius-sm);padding:var(--size-xxxs)}}