.phone-input-wrapper{position:relative;width:100%;margin-bottom:8px}.phone-input-row{display:flex;align-items:center;height:46px;background:transparent;border:1px solid rgba(255,255,255,.6);border-radius:9999px;overflow:hidden}.phone-country-btn{display:flex;align-items:center;gap:6px;padding:0 12px;height:46px;background:transparent;border:none;border-right:1px solid rgba(255,255,255,.6);color:#fff;cursor:pointer;transition:background .2s;white-space:nowrap}.phone-country-btn:hover{background:#ffffff1a}.phone-flag{font-size:18px;line-height:1}.phone-country-code{font-size:14px;font-weight:500}.phone-dropdown-arrow{width:16px;height:16px;transition:transform .2s}.phone-dropdown-arrow.open{transform:rotate(180deg)}.phone-input-field{flex:1;padding:12px 16px;background:transparent;border:none;border-radius:0;color:#fff;font-size:1rem;font-family:var(--theme-font);outline:none;transition:border-color .2s;box-sizing:border-box;min-width:0;vertical-align:middle}.phone-input-field::placeholder{color:#ffffffb3;font-weight:400}.phone-input-field:focus{border-color:#64a99a}.phone-country-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#618780;border:1px solid rgba(255,255,255,.2);border-radius:8px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #00000026}.phone-country-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:transparent;border:none;color:#fff;cursor:pointer;transition:background .2s;text-align:left}.phone-country-option:hover{background:#ffffff1a}.phone-country-option.selected{background:#64a99a4d}.phone-country-name{flex:1;font-size:14px}.phone-country-dial{font-size:13px;opacity:.8}.phone-country-dropdown::-webkit-scrollbar{width:6px}.phone-country-dropdown::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.phone-country-dropdown::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.phone-country-dropdown::-webkit-scrollbar-thumb:hover{background:#fff6}@media (min-width: 1024px){.phone-input-row{height:36px;border-width:.5px}.phone-country-btn{height:36px;font-size:1rem}.phone-input-field{padding:6px 16px;font-size:1rem;vertical-align:middle}.phone-input-field::placeholder{color:#ffffffb3}.phone-flag{font-size:16px}}