.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2.4rem;background:radial-gradient(120rem 60rem at 50% -20%,var(--color-primary-soft),transparent 60%),var(--color-bg)}.auth-page__panel{width:100%;max-width:42rem;display:flex;flex-direction:column;gap:2.4rem;padding:4rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:1.6rem;box-shadow:var(--shadow-lg)}@media(max-width:768px){.auth-page__panel{padding:2.4rem}}.auth-brand{gap:1.2rem}.auth-brand,.auth-brand__logo{display:flex;align-items:center}.auth-brand__logo{justify-content:center;width:3.6rem;height:3.6rem;font-size:1.4rem;font-weight:700;color:var(--color-primary-contrast);background-color:var(--color-primary);border-radius:1rem}.auth-brand__name{font-size:1.6rem;font-weight:600}.auth-form{gap:2rem}.auth-form,.auth-form__heading{display:flex;flex-direction:column}.auth-form__heading{gap:.4rem}.auth-form__title{font-size:2.4rem;font-weight:700}.auth-form__subtitle{font-size:1.4rem;color:var(--color-text-muted)}.auth-form__fields{display:flex;flex-direction:column;gap:1.6rem}.auth-form__error{padding:1.2rem 1.6rem;font-size:1.3rem;color:var(--color-danger);background-color:var(--color-danger-soft);border-radius:1rem}.auth-form__footer{font-size:1.3rem;color:var(--color-text-muted);text-align:center}.auth-form__footer a{color:var(--color-primary);font-weight:600}.auth-divider{display:flex;align-items:center;gap:1.2rem;color:var(--color-text-subtle);font-size:1.2rem}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background-color:var(--color-border)}.auth-google{display:flex;align-items:center;justify-content:center;gap:1.2rem;width:100%;padding:1.2rem 2rem;font-size:1.4rem;font-weight:600;color:var(--color-text);background-color:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:1rem;transition:background-color .15s ease}.auth-google:hover{background-color:var(--color-surface-2)}.auth-google svg{width:1.8rem;height:1.8rem}.auth-demo{font-size:1.2rem;color:var(--color-text-subtle);text-align:center;line-height:1.6}