:root{--primary-color:#4cabe6;--primary-hover:#44a3dd;--text-color:#111827;--placeholder-color:#9ca3af;--white:#fff;--bg-color:#f9fafb;--border-color:#d1d5db;--radius:16px;--font-size-s:14px;--font-size-m:16px;--font-size-l:18px}*{box-sizing:border-box}body{color:var(--text-color);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Roboto,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5}.appContainer{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.formCard{flex-direction:column;gap:18px;width:100%;max-width:560px;display:flex}.inputContainer,.phoneInputContainer{width:100%;height:56px;font-family:inherit;font-size:var(--font-size-m);color:var(--text-color);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius);padding:0 14px;font-weight:400;transition:border-color .2s,box-shadow .2s}.phoneInputContainer::placeholder,.inputContainer::placeholder{color:var(--border-color)}.inputContainer:hover,.phoneInputContainer:hover{border-color:var(--primary-color)}.inputContainer:focus,.phoneInputContainer:focus{border-color:var(--primary-color);outline:none}.phoneInputContainer{text-align:center}.selectContainer{width:100%;position:relative}.selectInput{width:100%;height:56px;font-size:var(--font-size-m);color:var(--text-color);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;justify-content:space-between;align-items:center;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.selectInput:hover{border-color:var(--primary-color)}.selectPlaceholder{color:var(--placeholder-color)}.selectValue{color:var(--text-color)}.selectArrow{color:var(--primary-color);font-size:12px}.selectList{background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius);z-index:100;width:100%;max-height:300px;animation:.2s dropdown;position:absolute;top:calc(100% + 8px);left:0;overflow-y:auto;box-shadow:0 12px 30px #0000001f}.selectItem{cursor:pointer;align-items:center;height:52px;padding:0 14px;transition:background .15s;display:flex}.selectItem:hover{background:#f3f4f6}.selectItem.active{color:#2563eb;background:#eff6ff}.buttonContainer{width:100%;height:56px;font-family:inherit;font-size:var(--font-size-m);color:var(--white);background:var(--primary-color);border-radius:var(--radius);cursor:pointer;border:none;padding:0 20px;font-weight:700;transition:background .2s}.buttonContainer:hover{background:var(--primary-hover)}.buttonGroup{gap:12px;width:100%;display:flex}.buttonCountry{width:100%;height:56px;font-family:inherit;font-size:var(--font-size-m);color:var(--text-color);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius);cursor:pointer;padding:0 14px;transition:all .2s}.buttonCountry:hover{border-color:var(--primary-color)}.buttonCountry.active{border-color:var(--primary-color);background:#eff8ff}.fadeIn{animation:.25s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.appContainer{padding:10px}.formCard{border-radius:20px}.inputContainer,.phoneInputContainer,.selectInput,.buttonContainer{height:54px}}p,h1{text-align:center}.confirmOverlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirmModal{background:#fff;border-radius:16px;width:420px;max-width:calc(100% - 32px);padding:24px;animation:.2s modalShow}.confirmActions{gap:12px;margin-top:24px;display:flex}.confirmActions button{flex:1}@keyframes modalShow{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.confirmOverlay{align-items:flex-end}.confirmModal{width:100%;max-width:none;padding:24px 20px calc(20px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;animation:.25s bottomSheetShow}.confirmActions{flex-direction:row}.confirmActions button{flex:1}}@keyframes bottomSheetShow{0%{transform:translateY(100%)}to{transform:translateY(0)}}