.auth-layout{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);display:flex;align-items:center;justify-content:center;padding:64px 16px}.auth-card{width:min(440px,100%);background:#ffffff;border:none;border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);padding:48px 40px;display:flex;flex-direction:column;gap:32px}.auth-card__header h1{font-size:2rem;font-weight:700;color:#1a1a1a;margin-bottom:8px}.auth-card__header p{color:#64748b;font-size:1rem;line-height:1.5}.auth-sso-buttons{display:flex;flex-direction:column;gap:14px}.auth-sso{justify-content:center;font-weight:600;font-size:1rem;padding:16px 24px;border-radius:12px;transition:all .2s ease}.button-primary.auth-sso{background:linear-gradient(135deg,#667eea,#764ba2);color:#ffffff;box-shadow:0 4px 14px rgba(102,126,234,.4);border:none}.button-primary.auth-sso:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.5)}.button-secondary.auth-sso{background:#f8fafc;color:#1a1a1a;border:1.5px solid #e2e8f0;box-shadow:0 2px 8px rgba(0,0,0,.04)}.button-secondary.auth-sso:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.auth-separator{display:flex;align-items:center;justify-content:center;gap:16px;font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;font-weight:600;margin:4px 0}.auth-separator:after,.auth-separator:before{content:"";flex:1;height:1px;background:#e2e8f0}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form label{font-size:.875rem;font-weight:600;color:#334155;display:block;margin-bottom:8px}.auth-input{width:100%;padding:14px 16px;border-radius:10px;border:1.5px solid #e2e8f0;background:#ffffff;color:#1a1a1a;font-size:1rem;transition:all .2s ease}.auth-input::-moz-placeholder{color:#94a3b8}.auth-input::placeholder{color:#94a3b8}.auth-input:focus{border-color:#667eea;background:#ffffff;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.auth-input:disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.auth-form button[type=submit]{margin-top:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#ffffff;box-shadow:0 4px 14px rgba(102,126,234,.4);border:none;padding:16px 24px;font-size:1rem}.auth-form button[type=submit]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(102,126,234,.5)}.auth-error{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.875rem;font-weight:500}.auth-footer{text-align:center;font-size:.9375rem;color:#64748b}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none}.auth-footer a:hover{color:#764ba2;text-decoration:underline}@media (max-width:480px){.auth-card{padding:36px 28px;gap:28px}.auth-card__header h1{font-size:1.75rem}}