.login{background:var(--color-surface-container);justify-content:center;align-items:center;min-height:100vh;display:flex}.login__card{background:var(--color-surface-lowest,#fff);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:400px;padding:48px}.login__title{font-family:var(--font-headline);text-align:center;margin-bottom:32px;font-size:1.8rem;font-weight:700}.login__form-group{margin-bottom:20px}.login__label{color:var(--color-on-surface-variant);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.login__input{border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface);width:100%;color:var(--color-on-surface);padding:12px 16px;font-size:1rem}.login__input:focus{border-color:var(--color-secondary-light);outline:none}.login__submit{border-radius:var(--radius-md);background:var(--color-secondary-light);width:100%;color:var(--color-cream);cursor:pointer;transition:opacity var(--transition-fast);padding:14px;font-size:1rem;font-weight:700}.login__submit:hover{opacity:.9}.login__error{color:var(--color-error);text-align:center;margin-bottom:16px;font-size:.85rem}