.phone-input-container{position:relative;width:100%;max-width:500px;margin:0 auto}.phone-input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;outline:none;transition:all .2s ease-in-out}.phone-input:focus{border-color:#3b82f6;box-shadow:0 1px 2px #3b82f640}.phone-input::placeholder{color:#9ca3af}@media (min-width: 640px){.phone-input{height:4.0625rem;padding:.625rem 1.5rem;font-size:1rem;line-height:1.5rem;border-radius:.75rem}}.phone-input.error{border-color:#ef4444;box-shadow:0 0 0 1px #ef4444}.phone-hint{font-size:.75rem;line-height:1rem;color:#6b7280;margin-top:.25rem;font-family:Lato,sans-serif;text-align:center}.phone-error{color:#ef4444;font-size:.875rem;margin-top:.25rem}.btn:disabled,.btn.cursor-not-allowed{opacity:.5;cursor:not-allowed;pointer-events:none}.btn.cursor-pointer{cursor:pointer}.phone-step-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}@media (min-width: 640px){.phone-step-container{gap:1.5rem;padding:1.5rem}}.phone-header{text-align:center;margin-bottom:1rem}.phone-title{font-family:Caudex,serif;font-weight:700;color:#111827;margin-bottom:.5rem}.phone-subtitle{font-family:Lato,sans-serif;font-weight:400;color:#6b7280;font-size:.875rem;line-height:1.25rem}@media (min-width: 640px){.phone-title{font-size:1.5rem;line-height:2rem}.phone-subtitle{font-size:1rem;line-height:1.5rem}}@media (min-width: 768px){.phone-title{font-size:1.875rem;line-height:2.25rem}}@media (min-width: 1536px){.phone-title{font-size:2.25rem;line-height:2.5rem}}@media (min-width: 640px){.phone-form-container{max-width:600px;padding:2rem}}#country_code{display:none}.phone-input.loading{opacity:.7;pointer-events:none}.phone-input.success{border-color:#10b981;box-shadow:0 0 0 1px #10b981}.phone-input:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.phone-input{border-width:2px}.phone-input:focus{border-width:3px}}@media (prefers-reduced-motion: reduce){.phone-input{transition:none}}#phoneSubmitLoader{transition:all .3s ease-out}#phoneSubmitLoader.hidden{opacity:0;transform:translateY(.5rem) scale(.95);pointer-events:none}#phoneSubmitLoader:not(.hidden){opacity:1;transform:translateY(0) scale(1)}#phoneSubmitLoader .animate-spin{animation:phone-spin .8s linear infinite}@keyframes phone-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#phoneSubmitLoader>div{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffffe6;animation:loader-fade-in .3s ease-out}@keyframes loader-fade-in{0%{opacity:0;transform:translateY(.625rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}