.phone-input-container{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.12);border-radius:12px;align-items:center;gap:10px;padding:0 12px;transition:all .3s;display:flex}.phone-input-container:focus-within{background:rgba(254,59,57,.15);border-color:#fe3b39;box-shadow:0 0 0 4px rgba(254,59,57,.1)}.phone-input-container.input-error{background:rgba(254,59,57,.05);border-color:#fe3b39}.phone-input-container.is-valid{background:rgba(34,197,94,.04);border-color:#22c55e}.phone-input-container.is-valid:focus-within{border-color:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.1)}.country-selector{flex-shrink:0;position:relative}.country-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-right:1px solid rgba(255,255,255,.12);align-items:center;gap:.5rem;padding:.85rem .75rem .85rem .5rem;font-family:inherit;font-size:.95rem;font-weight:600;display:flex}.country-btn .flag-icon{object-fit:cover;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));border-radius:2px;flex-shrink:0;width:24px;height:18px}.country-dropdown{z-index:100;background:#1a1a1a;border:1px solid rgba(255,255,255,.12);border-radius:12px;flex-direction:column;width:260px;max-height:320px;display:flex;position:absolute;top:calc(100% + 10px);left:0;overflow:hidden;box-shadow:0 10px 25px rgba(0,0,0,.5)}.country-search-wrapper{border-bottom:1px solid rgba(255,255,255,.12);flex-shrink:0;align-items:center;padding:.5rem;display:flex;position:relative}.country-search-icon{color:rgba(255,255,255,.4);pointer-events:none;position:absolute;left:1rem}.country-search-input{color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:8px;outline:none;width:100%;padding:.55rem .75rem .55rem 2.1rem;font-family:inherit;font-size:.9rem;transition:border-color .2s}.country-search-input:focus{border-color:#fe3b39}.country-search-input::placeholder{color:rgba(255,255,255,.4)}.country-options-list{padding:.5rem;overflow-y:auto}.country-no-results{text-align:center;color:rgba(255,255,255,.4);padding:1rem;font-size:.85rem}.country-option{color:rgba(255,255,255,.6);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-family:inherit;transition:all .2s;display:flex}.country-option:hover{color:#fff;background:rgba(255,255,255,.05)}.country-option .option-flag{object-fit:cover;border-radius:2px;flex-shrink:0;width:20px;height:15px;box-shadow:0 1px 3px rgba(0,0,0,.4)}.country-option .country-name{flex:1;font-size:.9rem}.country-option .country-code{opacity:.6;font-size:.85rem}.phone-input{color:#fff;background:0 0;border:none;outline:none;flex:1;width:100%;padding:1rem .5rem;font-family:inherit;font-size:1rem}.phone-valid-icon{flex-shrink:0}