.auth-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:16px;width:100%;max-width:400px;padding:2rem;position:relative;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .5rem;font-size:2.5rem;font-weight:700}.auth-logo p{color:#6b7280;margin:0;font-size:.875rem;font-weight:500}.auth-tabs{background:#f3f4f6;border-radius:12px;margin-bottom:2rem;padding:4px;display:flex}.auth-tab{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;flex:1;padding:.75rem 1rem;font-weight:500;transition:all .2s}.auth-tab.active{color:#374151;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.auth-tab:hover:not(.active){color:#374151}.auth-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#374151;font-size:.875rem;font-weight:500}.form-group input{background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-group input:disabled{color:#6b7280;cursor:not-allowed;background:#f9fafb}.auth-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:1s ease-in-out infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-message{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.success-message{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.auth-footer{text-align:center;border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.auth-footer p{color:#6b7280;margin:0;font-size:.875rem}.link-button{color:#667eea;cursor:pointer;background:0 0;border:none;font-weight:500;-webkit-text-decoration:underline transparent;text-decoration:underline transparent;transition:-webkit-text-decoration-color .2s,text-decoration-color .2s}.link-button:hover{-webkit-text-decoration-color:#667eea;text-decoration-color:#667eea}@media (max-width:480px){.auth-container{padding:.5rem}.auth-card{padding:1.5rem}.auth-logo h1{font-size:2rem}}@media (prefers-color-scheme:dark){.auth-card{background:#1f2937;border:1px solid rgba(255,255,255,.1)}.auth-logo p{color:#9ca3af}.auth-tabs{background:#374151}.auth-tab{color:#9ca3af}.auth-tab.active{color:#f9fafb;background:#4b5563}.form-group label{color:#f9fafb}.form-group input{color:#f9fafb;background:#374151;border-color:#4b5563}.form-group input:focus{background:#374151;border-color:#667eea}.auth-footer{border-top-color:#4b5563}.auth-footer p{color:#9ca3af}}