.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);position:relative;overflow:hidden}.auth-page:before{width:500px;height:500px;background:var(--gradient-hero-orb-1);top:-150px;right:-100px}.auth-page:after,.auth-page:before{content:"";position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none}.auth-page:after{width:400px;height:400px;background:var(--gradient-hero-orb-2);bottom:-100px;left:-100px}.auth-container{width:100%;max-width:420px;position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:var(--space-2xl)}.auth-logo{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-heading);font-weight:800;font-size:var(--text-2xl);margin-bottom:var(--space-xl);color:var(--color-text);text-decoration:none}.auth-logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:20px}.auth-header h1{font-size:var(--text-2xl);margin-bottom:var(--space-sm)}.auth-header p{color:var(--color-text-secondary);font-size:var(--text-sm)}.auth-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl)}.auth-form{gap:var(--space-lg)}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:var(--space-xs)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary)}.form-input{padding:.75rem 1rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-base);font-family:var(--font-body);transition:all var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.form-input::-moz-placeholder{color:var(--color-text-muted)}.form-input::placeholder{color:var(--color-text-muted)}.auth-divider{display:flex;align-items:center;gap:var(--space-md);margin:var(--space-sm) 0}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:var(--color-border)}.auth-divider span{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.btn-oauth{width:100%;padding:.75rem;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--text-sm);font-weight:500;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-oauth:hover{background:var(--color-bg-card-hover);border-color:var(--color-border-hover)}.btn-oauth svg{width:20px;height:20px}.auth-submit{width:100%;padding:.85rem;font-size:var(--text-base)}.auth-footer{text-align:center;margin-top:var(--space-xl);font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-footer a{color:var(--color-primary-light);font-weight:500;transition:color var(--transition-fast)}.auth-footer a:hover{color:var(--color-primary)}.auth-error{padding:.75rem 1rem;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm)}