.auth-container{background:linear-gradient(135deg,#f8f9ff 0%,#eef2ff 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-card{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 25px #0000000d}.auth-title{color:#1a1a2e;text-align:center;margin-bottom:8px;font-size:24px;font-weight:800}.auth-subtitle{color:#64748b;text-align:center;margin-bottom:32px;font-size:14px}.auth-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:#1a1a2e;font-size:14px;font-weight:600}.form-input{border:1px solid #e2e8f0;border-radius:10px;outline:none;padding:12px 16px;font-size:15px;transition:all .2s}.form-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.auth-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;margin-top:12px;padding:14px;font-size:16px;font-weight:700;transition:all .3s}.auth-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #7c3aed40}.auth-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.error-msg{color:#ef4444;text-align:center;background:#fef2f2;border-radius:8px;padding:10px;font-size:14px}