.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.auth-card{background:white;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.1);padding:48px;width:100%;max-width:480px}.auth-header{text-align:center;margin-bottom:32px}.auth-heading{font-size:28px;font-weight:700;color:#1a202c;margin:0 0 8px;line-height:1.2}.auth-subheading{font-size:14px;color:#718096;margin:0}.auth-form{gap:24px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:8px}.auth-label{font-size:14px;font-weight:500;color:#2d3748}.auth-input{width:100%;padding:12px 16px;font-size:15px;border:1px solid #e2e8f0;border-radius:8px;background:white;color:#1a202c;transition:all .2s;font-family:inherit}.auth-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.auth-input::placeholder{color:#a0aec0}.auth-button{width:100%;padding:14px 24px;font-size:15px;font-weight:600;color:white;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:all .2s;font-family:inherit}.auth-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.auth-button:active{transform:translateY(0)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-footer{text-align:center;margin-top:24px;font-size:14px;color:#718096}.auth-link{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s}.auth-link:hover{color:#764ba2;text-decoration:underline}.auth-error{background:#fed7d7;border:1px solid #fc8181;border-radius:8px;color:#c53030}.auth-error,.auth-success{padding:12px 16px;font-size:14px}.auth-success{background:#c6f6d5;border:1px solid #68d391;border-radius:8px;color:#2f855a}@media (max-width:640px){.auth-card{padding:32px 24px}.auth-heading{font-size:24px}}