.auth-container{background:#fafafa;justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:flex}.auth-card{background:#fff;border-radius:1.5rem;width:100%;max-width:1100px;min-height:640px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 8px 32px #0000000f}.auth-form-panel{flex-direction:column;justify-content:center;width:50%;padding:3rem 3.5rem;display:flex;position:relative}.auth-brand{align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.auth-brand-dot{background:#10b981;border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px #10b98180}.auth-brand-name{letter-spacing:.08em;color:#1a1a2e;text-transform:uppercase;font-size:.85rem;font-weight:700}.auth-title{color:#0f0f1a;letter-spacing:-.02em;margin-bottom:.5rem;font-size:2.25rem;font-weight:800;line-height:1.15}.auth-subtitle{color:#6b7280;margin-bottom:2rem;font-size:.925rem;line-height:1.5}.auth-social-row{gap:.75rem;margin-bottom:1.5rem;display:flex}.auth-social-btn{color:#1f2937;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:.625rem;flex:1;justify-content:center;align-items:center;gap:.5rem;height:44px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.auth-social-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.auth-social-btn svg{width:18px;height:18px}.auth-divider{color:#9ca3af;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.8rem;font-weight:500;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e5e7eb;flex:1;height:1px}.auth-field{margin-bottom:1.125rem}.auth-field-row{gap:.75rem;display:flex}.auth-field-row .auth-field{flex:1}.auth-label{color:#374151;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;font-size:.8rem;font-weight:600;display:block}.auth-input-wrap{position:relative}.auth-input{color:#1f2937;background:#fff;border:1.5px solid #e5e7eb;border-radius:.625rem;outline:none;width:100%;height:44px;padding:0 .875rem;font-family:Inter,sans-serif;font-size:.925rem;transition:all .2s}.auth-input:focus{border-color:#1a1a2e;box-shadow:0 0 0 3px #1a1a2e0f}.auth-input::placeholder{color:#9ca3af}.auth-input-icon{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:.25rem;transition:color .15s;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.auth-input-icon:hover{color:#374151}.auth-row-between{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.auth-checkbox-wrap{align-items:center;gap:.5rem;display:flex}.auth-checkbox{accent-color:#1a1a2e;cursor:pointer;width:16px;height:16px}.auth-checkbox-label{color:#4b5563;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85rem}.auth-link{color:#6b7280;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s}.auth-link:hover{color:#1a1a2e}.auth-submit{color:#fff;cursor:pointer;background:#1a1a2e;border:none;border-radius:.625rem;justify-content:center;align-items:center;gap:.5rem;width:100%;height:46px;margin-bottom:1.25rem;font-family:Inter,sans-serif;font-size:.925rem;font-weight:600;transition:all .2s;display:flex}.auth-submit:hover:not(:disabled){background:#2d2d4e;transform:translateY(-1px);box-shadow:0 4px 14px #1a1a2e40}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-bottom-text{text-align:center;color:#6b7280;margin-top:.5rem;font-size:.875rem}.auth-bottom-text a{color:#1a1a2e;font-weight:700;text-decoration:none;transition:color .15s}.auth-bottom-text a:hover{text-decoration:underline}.auth-hero-panel{background:#0f0f1a;align-items:flex-end;width:50%;display:flex;position:relative;overflow:hidden}.auth-hero-img{object-fit:cover;opacity:.7;width:100%;height:100%;position:absolute;inset:0}.auth-hero-overlay{background:linear-gradient(#0000 20%,#0f0f1ad9 100%);position:absolute;inset:0}.auth-hero-content{z-index:10;color:#fff;padding:2.5rem;position:relative}.auth-hero-quote{text-shadow:0 2px 12px #0000004d;margin-bottom:1.25rem;font-size:1.5rem;font-weight:700;line-height:1.35}.auth-hero-tags{flex-wrap:wrap;gap:.5rem;display:flex}.auth-hero-tag{text-transform:uppercase;letter-spacing:.08em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffd9;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:100px;padding:.3rem .75rem;font-size:.7rem;font-weight:700}.auth-hero-accent{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;justify-content:center;align-items:center;width:48px;height:48px;animation:4s ease-in-out infinite auth-float;display:flex;position:absolute;top:2rem;right:2rem}.auth-hero-accent--teal{background:#10b98133;border:1px solid #10b9814d}.auth-hero-accent--purple{background:#8b5cf633;border:1px solid #8b5cf64d}@keyframes auth-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-strength-bar{gap:4px;height:4px;margin-top:.5rem;display:flex}.auth-strength-segment{background:#e5e7eb;border-radius:100px;flex:1;transition:background .3s}.auth-strength-segment.active-weak{background:#ef4444}.auth-strength-segment.active-fair{background:#f59e0b}.auth-strength-segment.active-good{background:#3b82f6}.auth-strength-segment.active-strong{background:#10b981}.auth-strength-text{margin-top:.25rem;font-size:.75rem;font-weight:600}.strength-weak{color:#ef4444}.strength-fair{color:#f59e0b}.strength-good{color:#3b82f6}.strength-strong{color:#10b981}.auth-steps{align-items:center;gap:0;margin-bottom:2rem;display:flex}.auth-step-bar{background:#e5e7eb;border-radius:100px;flex:1;height:4px;transition:background .4s}.auth-step-bar+.auth-step-bar{margin-left:4px}.auth-step-bar.active{background:#10b981}.auth-step-bar.complete{background:#1a1a2e}.auth-otp-row{justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.auth-otp-input{text-align:center;color:#1a1a2e;background:#fafafa;border:2px solid #e5e7eb;border-radius:.75rem;outline:none;width:52px;height:56px;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:700;transition:all .2s}.auth-otp-input:focus{background:#fff;border-color:#1a1a2e;box-shadow:0 0 0 3px #1a1a2e14}.auth-otp-timer{text-align:center;color:#6b7280;margin-bottom:.5rem;font-size:.85rem}.auth-otp-timer span{color:#1a1a2e;font-weight:700}.auth-resend-btn{color:#374151;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:.5rem;padding:.4rem 1rem;font-family:Inter,sans-serif;font-size:.825rem;font-weight:600;transition:all .15s;display:inline-block}.auth-resend-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}.auth-resend-btn:disabled{opacity:.5;cursor:not-allowed}.auth-terms{color:#9ca3af;text-align:center;margin-top:.5rem;font-size:.78rem;line-height:1.6}.auth-terms a{color:#6b7280;text-decoration:underline;transition:color .15s}.auth-terms a:hover{color:#1a1a2e}.auth-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-message{border-radius:.625rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;display:flex}.auth-message--success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.auth-message--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.auth-fade-in{animation:.5s cubic-bezier(.16,1,.3,1) forwards authFadeIn}@keyframes authFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.auth-card{border-radius:1.25rem;flex-direction:column;max-width:480px;min-height:auto}.auth-form-panel{width:100%;padding:2rem 1.5rem}.auth-hero-panel{border-radius:1.25rem 1.25rem 0 0;order:-1;width:100%;min-height:240px}.auth-title{font-size:1.75rem}.auth-hero-quote{font-size:1.15rem}.auth-otp-input{width:44px;height:48px;font-size:1.25rem}}