.auth-page-body{background-color:var(--color-background-default);margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh}.auth-container{max-width:400px;width:100%;padding:var(--spacing-lg)}.auth-card{background-color:var(--color-background-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border-default)}.auth-header{text-align:center;margin-bottom:var(--spacing-2xl)}.auth-title{font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.auth-alert{background-color:var(--color-status-warning-bg);border-left:4px solid var(--color-status-warning);color:var(--color-status-warning);padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-radius:var(--radius-sm)}.auth-form-group{margin-bottom:var(--spacing-md)}.auth-label{display:block;font-size:.875rem;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--color-text-secondary)}.auth-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-input-border);background-color:var(--color-input-bg);color:var(--color-text-primary);border-radius:var(--radius-sm);font-size:.875rem;box-sizing:border-box;transition:var(--transition-focus)}.auth-input:focus{outline:none;border-color:var(--color-input-focus);box-shadow:var(--shadow-focus)}.auth-checkbox-group{display:flex;align-items:center;margin-bottom:var(--spacing-md)}.auth-checkbox-label{margin-left:var(--spacing-sm);font-size:.875rem;color:var(--color-text-muted)}.auth-button{width:100%;background-color:var(--color-accent-1-500);color:var(--color-text-on-accent-1);border:none;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-colors)}.auth-button:hover{background-color:var(--color-accent-1-600)}.auth-link{display:block;text-align:center;color:var(--color-accent-1-500);text-decoration:none;font-size:.875rem;transition:var(--transition-colors)}.auth-link:hover{color:rgb(var(--color-accent-1-300-rgb));text-decoration:underline}.auth-error{color:var(--color-status-error);font-size:.75rem;margin-top:var(--spacing-xs)}.auth-hero-section{min-height:calc(100vh - var(--spacing) * 20);position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.auth-animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity var(--duration-slow) var(--easing-out),transform var(--duration-slow) var(--easing-out)}.auth-animate-on-scroll.fade-in{opacity:1;transform:translateY(0)}html:not(.login-ready) .auth-hero-section .bg-background-surface{opacity:1!important;transform:none!important}.auth-hero-section .max-w-md{transform:translateZ(0);will-change:transform;backface-visibility:hidden}