.popupOverlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.popupContainer{text-align:center;background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:500px;min-height:400px;margin:auto;padding:40px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}.closeButton{cursor:pointer;color:#333;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.closeButton:hover{background:#f0f0f0}.headerTitle{color:#000;margin-bottom:10px;font-family:inherit;font-size:28px;font-weight:700}.headerSubtext{color:#717171;max-width:440px;margin-bottom:24px;font-size:15px;line-height:1.5}.form{flex-direction:column;gap:16px;width:100%;display:flex}.inputGroup{flex-direction:column;align-items:flex-start;width:100%;display:flex;position:relative}.inputField{color:#333;background:#ededed;border:2px solid #0000;border-radius:16px;outline:none;width:100%;height:60px;padding:0 20px;font-size:16px;transition:all .2s}.inputField:focus{box-shadow:0 0 0 2px #337bfe}.inputField.errorBorder{box-shadow:none;border-color:#ff4d4f}.inputField::placeholder{color:#333;opacity:.7}.labelWrapper{pointer-events:none;color:#333;align-items:center;font-size:16px;display:flex;position:absolute;top:30px;left:20px;transform:translateY(-50%)}.asterisk{color:#ff4d4f;margin-left:2px}input.inputField:focus+.labelWrapper,input.inputField:not(:placeholder-shown)+.labelWrapper,.citySelectField.hasValue+.labelWrapper,.citySelectField.isOpen+.labelWrapper{display:none}.errorMessage{color:#ff4d4f;margin-top:4px;margin-left:8px;font-size:12px;font-weight:500}.submitButton{color:#fff;cursor:pointer;background:linear-gradient(90deg,#337bfe 26%,#0a0a83 68%);border:none;border-radius:16px;justify-content:center;align-items:center;width:100%;max-width:250px;height:60px;margin:20px auto 0;font-size:18px;font-weight:600;transition:transform .2s,opacity .2s;display:flex}.submitButton:hover{opacity:.95;transform:translateY(-2px)}.submitButton:active{transform:translateY(0)}.submitButton:disabled{opacity:.7;cursor:not-allowed;transform:none}.successContent{flex-direction:column;justify-content:center;align-items:center;animation:.5s ease-out fadeIn;display:flex}.successIcon{color:#4caf50;background:#e8f5e9;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.citySelectField{cursor:pointer;align-items:center;display:flex}.cityDropdown{z-index:100;background:#fff;border:1px solid #ededed;border-radius:16px;width:100%;position:absolute;top:65px;left:0;overflow:hidden;box-shadow:0 10px 25px #00000026}.citySearchWrapper{background:#f9f9f9;border-bottom:1px solid #ededed;padding:10px}.citySearchInput{background:#fff;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;height:40px;padding:0 12px;font-size:14px}.citySearchInput:focus{border-color:#337bfe}.cityList{max-height:200px;overflow-y:auto}.cityOption{color:#333;cursor:pointer;text-align:left;padding:12px 20px;font-size:15px;transition:background .2s}.cityOption:hover{color:#337bfe;background:#f0f4ff}.noCity{color:#999;padding:20px;font-size:14px}@media (max-width:640px){.popupContainer{margin:10px;padding:40px 20px}.headerTitle{font-size:24px}.headerSubtext{font-size:14px}}.floatingRegisterBtn{color:#fff;cursor:pointer;z-index:1000;background:linear-gradient(135deg,#337bfe 0%,#0a0a83 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:65px;height:65px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 10px 25px #0000004d}.floatingRegisterBtn:hover .tooltip{opacity:1;visibility:visible;transform:translate(-110%)translateY(-50%)}.floatingRegisterBtn .tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#333;border-radius:8px;padding:8px 15px;font-size:14px;font-weight:600;transition:all .3s;position:absolute;top:50%;left:0;transform:translate(-100%)translateY(-50%)}.floatingRegisterBtn .tooltip:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:6px solid #333;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}
