*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}body{background:#f9fafb;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-container{width:100%;max-width:450px;margin:0 auto;padding:20px}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:48px 40px;animation:.5s ease-out slideUp;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000005}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:32px}.auth-header h1{color:#1a202c;letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:700}.auth-header p{color:#718096;font-size:14px;line-height:1.5}.form-group{margin-bottom:20px}label{color:#2d3748;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}input[type=email],input[type=password],select{color:#2d3748;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s}input[type=email]:focus,input[type=password]:focus,select:focus{background-color:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}input[type=email]::-moz-placeholder{color:#a0aec0}input[type=password]::-moz-placeholder{color:#a0aec0}input[type=email]::placeholder,input[type=password]::placeholder{color:#a0aec0}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"8\" viewBox=\"0 0 12 8\" fill=\"none\"><path d=\"M1 1L6 6L11 1\" stroke=\"%23667eea\" stroke-width=\"1.5\" stroke-linecap=\"round\"/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.error-message{color:#f56565;margin-top:6px;font-size:12px;display:none}.error-message.show{display:block}.form-group.error input,.form-group.error select{background-color:#fff5f5;border-color:#f56565}.form-group.error input:focus,.form-group.error select:focus{box-shadow:0 0 0 3px #f565651a}.success-message{color:#48bb78;margin-top:6px;font-size:12px;display:none}.success-message.show{display:block}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .3s}.btn--primary{color:#fff;background:#3b82f6}.btn--primary:hover{background-color:#2563eb}.btn--primary:active{transform:translateY(0);box-shadow:0 2px 10px #667eea4d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.auth-footer{text-align:center;border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px}.auth-footer p{color:#4a5568;margin:0;font-size:13px}.auth-footer a{color:#667eea;font-weight:600;text-decoration:none;transition:color .2s}.auth-footer a:hover{color:#764ba2}@media (max-width:600px){.auth-card{padding:32px 24px}.auth-header h1{font-size:24px}label{font-size:12px}input[type=email],input[type=password],select{padding:14px 12px;font-size:16px}}@media (max-width:380px){.auth-card{padding:24px 16px}.auth-header{margin-bottom:24px}.auth-header h1{font-size:20px}}