.auth-container{background:linear-gradient(#faf5ff 0%,#fff 100%);min-height:100vh;font-family:Space Grotesk,sans-serif;display:flex}.auth-panel-left{background:#fff;flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.auth-panel-right{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#4f46e5 100%);flex:1;justify-content:center;align-items:center;padding:48px;display:flex}.auth-card{width:100%;max-width:440px}.auth-centered{background:linear-gradient(#faf5ff 0%,#fff 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.auth-box{background:#fff;border-radius:20px;width:100%;max-width:440px;padding:40px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.auth-logo{align-items:center;gap:12px;margin-bottom:32px;display:flex}.auth-logo img{border-radius:8px;width:40px;height:40px}.auth-logo span{font-family:Outfit,sans-serif;font-size:24px;font-weight:700}.auth-title{color:#111827;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:28px;font-weight:700}.auth-subtitle{color:#6b7280;margin-bottom:32px;font-size:16px}.auth-input-group{margin-bottom:16px}.auth-label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.auth-input{border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Space Grotesk,sans-serif;font-size:16px;transition:all .2s}.auth-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.btn-primary-auth{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 50%,#4f46e5 100%);border:none;border-radius:12px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:transform .1s}.btn-primary-auth:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4f46e533}.btn-primary-auth:disabled{opacity:.7;cursor:not-allowed}.btn-google{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;margin-bottom:24px;padding:14px;font-size:16px;font-weight:500;transition:all .2s;display:flex}.btn-google:hover{background:#f9fafb;border-color:#d1d5db}.auth-divider{align-items:center;margin-bottom:24px;display:flex}.divider-line{background:#e5e7eb;flex:1;height:1px}.divider-text{color:#9ca3af;padding:0 16px;font-size:14px}.auth-alert{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:24px;padding:12px 16px;font-size:14px}.auth-footer{text-align:center;color:#6b7280;margin-top:24px;font-size:14px}.auth-link{color:#8b5cf6;font-weight:500;text-decoration:none}.auth-link:hover{text-decoration:underline}.spinner-auth{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;margin:0 auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.feature-list{margin:0;padding:0;list-style:none}.feature-item{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.feature-check{background:#fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;display:flex}@media (max-width:900px){.auth-container{flex-direction:column}.auth-panel-right{display:none}.auth-panel-left{padding:24px}}