@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");.login-wrapper{height:100vh;width:100vw;overflow:hidden;position:relative}.login-navbar-overlay{position:absolute;top:0;left:0;width:100%;z-index:1000;pointer-events:none}.login-navbar-overlay>*{pointer-events:auto}.login-page{height:100%;width:100%;font-family:Inter,sans-serif}.login-left,.login-page{display:flex;overflow:hidden}.login-left{flex:0 0 48%;background:linear-gradient(180deg,rgba(224,171,255,1),rgba(205,122,252,1) 50%,rgba(180,34,255,1));flex-direction:column;justify-content:flex-start;padding:30px;position:relative}.login-left-content{position:relative;z-index:2;max-width:500px;margin-left:30px;margin-top:100px}.login-left-title{font-size:38px;font-weight:900;color:#fff;margin-bottom:16px;line-height:1.15;margin-top:0;text-shadow:0 2px 10px rgba(0,0,0,.1)}.login-left-subtitle{font-size:15px;font-weight:400;color:rgba(255,255,255,.85);line-height:1.6;margin-bottom:30px;max-width:340px}.login-hero-image-wrapper{position:relative;width:100%;max-width:569px;margin-top:10px}.login-hero-image{width:100%;height:380px;object-fit:cover;object-position:center top;border-radius:24px;box-shadow:0 20px 50px rgba(0,0,0,.15)}.login-service-pill{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border-radius:40px;box-shadow:0 8px 24px rgba(0,0,0,.12);font-size:13px;font-weight:700;color:#1a1a2e;white-space:nowrap;z-index:5;animation:floatPill 3s ease-in-out infinite}.login-service-pill .pill-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}.pill-cleaning .pill-icon{background:#fef3c7;color:#f59e0b}.pill-beauty .pill-icon{background:#e0e7ff;color:#6366f1}.pill-repair .pill-icon{background:#fee2e2;color:#ef4444}.pill-moving .pill-icon{background:#d1fae5;color:#10b981}.pill-cleaning{top:30%;left:-20px;animation-delay:0s}.pill-beauty{top:25%;right:-30px;animation-delay:.5s}.pill-repair{bottom:30%;left:-25px;animation-delay:1s}.pill-moving{bottom:5%;right:0;animation-delay:1.5s}@keyframes floatPill{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.login-right{flex:0 0 52%;justify-content:center;align-items:center;padding:40px 60px;background:#fff}.login-card,.login-right{display:flex;position:relative}.login-card{z-index:2;width:100%;max-width:400px;padding:0;background:none;box-shadow:none;flex-direction:column;text-align:left}.login-header{margin-bottom:30px}.login-header h2{font-size:30px;font-weight:900;color:#1a1a2e;margin:0 0 8px}.login-header p{font-size:15px;color:#64748b;margin:0;font-weight:400}.login-tab{width:100%;padding:14px 20px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;font-size:15px;font-weight:600;color:#374151;cursor:pointer;margin-bottom:28px;font-family:Inter,sans-serif;text-align:center;transition:all .2s ease}.login-tab:hover{border-color:rgba(180,34,255,.3);background:#faf5ff}.login-form-group{margin-bottom:24px}.login-form-label{display:block;font-size:14px;font-weight:700;color:#1a1a2e;margin-bottom:10px}.login-phone-wrapper{display:flex;align-items:center;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .3s ease;background:#fff}.login-phone-wrapper:focus-within{border-color:rgba(180,34,255,.5);box-shadow:0 0 0 4px rgba(180,34,255,.08)}.login-country-code{padding:16px 14px;font-weight:600;color:#64748b;background:#f9fafb;border:none;border-right:2px solid #e5e7eb;width:60px;text-align:center;flex-shrink:0}.login-country-code,.login-input{font-size:15px;font-family:Inter,sans-serif;outline:none}.login-input{flex:1 1;padding:16px;border:none;font-weight:500;color:#1a1a2e;background:transparent;width:100%;box-sizing:border-box}.login-input::placeholder{color:#9ca3af;font-weight:400}.login-btn{width:100%;padding:16px 24px;background:rgba(141,83,204,1);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;margin-top:4px;text-align:center}.login-btn:hover{transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-signup-link{text-align:center;margin-top:20px;font-size:14px;color:#64748b;font-weight:400}.login-signup-link a{color:#1a1a2e;font-weight:700;text-decoration:underline;cursor:pointer}.login-signup-link a:hover{color:rgba(180,34,255,1)}.login-trust-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px}.login-trust-badge{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b}.login-trust-badge .badge-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.badge-green .badge-dot{background:#10b981}.badge-blue .badge-dot{background:#6366f1}.badge-purple .badge-dot{background:rgba(180,34,255,1)}.otp-info{font-size:14px;color:#64748b;margin-bottom:24px;font-weight:500;text-align:center}.otp-info strong{color:#1a1a2e;font-weight:700}.otp-container{display:flex;justify-content:center;gap:12px;margin-bottom:28px}.otp-input{width:50px;height:56px;text-align:center;font-size:22px;font-weight:700;border:2px solid #e5e7eb;border-radius:14px;outline:none;transition:all .3s ease;font-family:Inter,sans-serif;color:#1a1a2e;background:#fff}.otp-input:focus{border-color:rgba(180,34,255,.5);box-shadow:0 0 0 4px rgba(180,34,255,.08)}.otp-actions{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px}.otp-resend{font-size:14px;color:#64748b}.otp-resend-btn{background:none;border:none;color:rgba(180,34,255,1);font-weight:700;cursor:pointer;font-size:14px;font-family:Inter,sans-serif;padding:0;margin-left:4px}.otp-resend-btn:hover{text-decoration:underline}.otp-back-btn{background:none;border:none;color:#64748b;font-weight:600;cursor:pointer;font-size:14px;font-family:Inter,sans-serif;display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;transition:all .2s ease}.otp-back-btn:hover{background:#f1f5f9;color:#374151}@media (max-width:900px){.login-page{flex-direction:column}.login-left{min-height:auto;padding:40px 24px 30px}.login-left-title{font-size:26px}.login-hero-image-wrapper{display:none}.login-right{padding:30px 24px}}@media (max-width:480px){.login-left{padding:30px 20px 24px}.login-left-title{font-size:22px}.login-left-subtitle{font-size:13px}.login-right{padding:24px 16px}.login-card{max-width:100%}.login-header h2{font-size:24px}.otp-input{width:42px;height:48px;font-size:18px}}