.login-dropdown{background:var(--card-bg);z-index:4000;border:1px solid #e0e0e0;border-radius:12px;width:280px;max-width:95vw;padding:20px;animation:.3s ease-in-out fadeInDown;position:absolute;top:100%;right:0;box-shadow:0 6px 18px #00000026}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-dropdown form{flex-direction:column;gap:10px;display:flex}.login-dropdown input{background:var(--bg-color);width:100%;color:var(--text-color);border:1px solid #ccc;border-radius:8px;outline:none;padding:10px;font-size:14px;transition:border-color .2s}.login-dropdown input:focus{border-color:#07f}.input-group{align-items:center;width:100%;display:flex;position:relative}.input-group .input-prefix{color:#555;z-index:10;cursor:pointer;border-right:1px solid #ddd;align-items:center;height:20px;padding-right:8px;font-size:14px;font-weight:500;display:flex;position:absolute;left:10px}.input-group input.has-prefix{padding-left:90px}.country-dropdown-list{z-index:200;background:#fff;border:1px solid #ccc;border-radius:8px;width:200px;margin:5px 0 0;padding:5px 0;list-style:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000026}.country-dropdown-list li{color:#333;cursor:pointer;padding:10px 15px;font-size:14px;transition:background .2s}.country-dropdown-list li:hover{background:#f0f0f0}.login-btn,.submit-btn{color:#fff;cursor:pointer;text-align:center;background:#07f;border:none;border-radius:8px;margin:12px auto 0;padding:10px 16px;font-weight:700;transition:background .3s;display:block}.login-btn:hover,.submit-btn:hover{background:#005fcc}.social-icons{flex-direction:column;gap:10px;margin-top:15px;display:flex}.google-btn,.facebook-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:14px;font-weight:500;transition:background .3s;display:flex}.google-btn{color:#333;background-color:#fff;border:1px solid #ccc}.google-btn:hover{background-color:#f2f2f2}.logout-section{flex-direction:column;width:100%;display:flex}.menu-item-btn{cursor:pointer;color:#333;text-align:left;background:0 0;border:none;border-bottom:1px solid #f0f0f0;align-items:center;width:100%;padding:12px;font-size:14px;transition:background .2s;display:flex}.menu-item-btn:hover{background-color:#f8f9fa}.logout-btn{cursor:pointer;color:#d32f2f;text-align:left;background:0 0;border:none;width:100%;padding:12px;font-size:14px;font-weight:500;transition:background .2s}.logout-btn:hover{background-color:#fff5f5}.separator{color:#666;text-align:center;margin:10px 0;font-size:14px;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media screen and (max-width:480px){.login-dropdown{z-index:2001;background:#fff;border-radius:16px;width:70%;padding:18px;position:fixed;top:20%;left:60%;transform:translate(-50%,-50%);box-shadow:0 8px 20px #00000026}.login-dropdown input{border:1px solid #ccc;border-radius:8px;width:100%;padding:12px;font-size:15px}.google-btn,.submit-btn{cursor:pointer;border-radius:8px;align-self:center;width:70%;padding:10px 24px;font-size:15px;text-align:center!important}.login-dropdown form{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}}.referral-input-container{align-items:center;width:100%;margin-top:15px;display:flex;position:relative}.referral-input-container input{margin-top:0!important}.validate-btn{cursor:pointer;z-index:10;color:#07f;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:4px;font-size:18px;transition:transform .2s,opacity .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.validate-btn:hover{opacity:.8;transform:translateY(-50%)scale(1.1)}.validate-btn.valid{color:#4caf50;cursor:default}.validate-btn.invalid{color:#f44336}.validate-btn.checking{animation:1s infinite pulse}@keyframes pulse{0%{opacity:1;transform:translateY(-50%)scale(1)}50%{opacity:.7;transform:translateY(-50%)scale(1.1)}to{opacity:1;transform:translateY(-50%)scale(1)}}.otp-box-container input{text-align:center;background:#fdfdfd;border:1px solid #e0e0e0;border-radius:8px;width:38px;height:48px;padding:0;font-size:20px;font-weight:700;transition:all .2s}.otp-box-container input:focus{background:#fff;border-color:#ff5722;box-shadow:0 0 0 3px #ff57221a}