.auth-layout{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-layout__brand{background:linear-gradient(135deg, var(--color-primary) 0%, #d4967e 100%);padding:var(--spacing-12);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-layout__brand:before{content:"";background:radial-gradient(circle at 30% 70%,#ffffff26 0%,#0000 60%);position:absolute;inset:0}.auth-layout__brand-content{z-index:1;text-align:center;position:relative}.auth-layout__logo{font-family:var(--font-display);color:var(--color-on-primary);letter-spacing:-.02em;margin-bottom:var(--spacing-3);font-size:3rem}.auth-layout__tagline{font-family:var(--font-body);color:#ffffffd9;font-size:1.125rem;font-weight:300}.auth-layout__form-area{padding:var(--spacing-8);background-color:var(--color-surface);justify-content:center;align-items:center;display:flex}.auth-form{width:100%;max-width:400px}.auth-form__title{font-family:var(--font-display);color:var(--color-on-background);letter-spacing:-.02em;margin-bottom:var(--spacing-2);font-size:2rem}.auth-form__subtitle{font-family:var(--font-body);color:var(--color-on-surface-variant);margin-bottom:var(--spacing-8);font-size:.9375rem}.form-field{margin-bottom:var(--spacing-6)}.form-field__label{font-family:var(--font-body);letter-spacing:.1rem;text-transform:uppercase;color:var(--color-on-surface-variant);margin-bottom:var(--spacing-2);font-size:.75rem;font-weight:600;display:block}.form-field__input{width:100%;padding:var(--spacing-3) 0;font-family:var(--font-body);color:var(--color-on-background);border:none;border-bottom:1.5px solid var(--color-outline-variant);background:0 0;outline:none;font-size:1rem;transition:border-color .2s}.form-field__input::placeholder{color:var(--color-outline);font-weight:300}.form-field__input:focus{border-bottom-color:var(--color-secondary)}.form-field__error{color:#c44d56;margin-top:var(--spacing-1);font-size:.8125rem}.form-field__helper{color:var(--color-on-surface-variant);margin-top:var(--spacing-1);font-size:.8125rem}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);font-family:var(--font-body);letter-spacing:.02em;padding:var(--spacing-3) var(--spacing-6);cursor:pointer;border:none;font-size:.875rem;font-weight:600;text-decoration:none;transition:opacity .2s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{width:100%;padding:var(--spacing-4) var(--spacing-6);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--rounded-sm)}.btn--primary:hover:not(:disabled){opacity:.9}.btn--secondary{color:var(--color-on-surface-variant);border:1.5px solid var(--color-outline-variant);border-radius:var(--rounded-sm);background:0 0}.btn--secondary:hover:not(:disabled){border-color:var(--color-outline)}.btn--oauth{width:100%;padding:var(--spacing-3) var(--spacing-6);background:var(--color-surface-container-lowest);color:var(--color-on-background);border-radius:var(--rounded-sm);border:1.5px solid var(--color-outline-variant);font-weight:500}.btn--oauth:hover:not(:disabled){background:var(--color-surface-container-low)}.role-toggle{gap:var(--spacing-2);display:flex}.role-toggle__btn{padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-body);border:1.5px solid var(--color-outline-variant);color:var(--color-on-surface-variant);cursor:pointer;border-radius:var(--rounded-sm);background:0 0;flex:1;font-size:.875rem;font-weight:500;transition:all .2s}.role-toggle__btn:hover{border-color:var(--color-primary)}.role-toggle__btn--active{background:var(--color-primary);color:var(--color-on-primary);border-color:#0000}.auth-divider{align-items:center;gap:var(--spacing-4);margin:var(--spacing-6) 0;display:flex}.auth-divider__line{background:var(--color-outline-variant);opacity:.3;flex:1;height:1px}.auth-divider__text{font-family:var(--font-body);letter-spacing:.1rem;text-transform:uppercase;color:var(--color-on-surface-variant);font-size:.75rem}.auth-link{font-family:var(--font-body);color:var(--color-secondary);font-size:.875rem;text-decoration:none;transition:opacity .2s}.auth-link:hover{opacity:.7}.auth-footer{text-align:center;margin-top:var(--spacing-8);color:var(--color-on-surface-variant);font-size:.875rem}.auth-footer a{color:var(--color-secondary);font-weight:500;text-decoration:none}.auth-alert{padding:var(--spacing-3) var(--spacing-4);border-radius:var(--rounded-sm);margin-bottom:var(--spacing-6);font-size:.875rem}.auth-alert--error{color:#c44d56;background:#c44d5614}.auth-alert--success{color:#16a34a;background:#22c55e14}@media (max-width:768px){.auth-layout{grid-template-columns:1fr}.auth-layout__brand{padding:var(--spacing-8) var(--spacing-4);min-height:200px}.auth-layout__logo{font-size:2.25rem}.auth-layout__form-area{padding:var(--spacing-6) var(--spacing-4)}}