.ob{width:100%;min-height:100dvh;padding:max(1.25rem, env(safe-area-inset-top)) 1.5rem calc(1.25rem + env(safe-area-inset-bottom));color:#b2ccd6;color:lab(80.3291% -7.40752 -8.00557);box-sizing:border-box;background:#2a303c;background:lab(19.6723% -.17938 -8.46498);flex-direction:column;display:flex}.ob-brand{letter-spacing:-.02em;color:#b2ccd659;color:lab(80.3291% -7.40752 -8.00557/.35);-webkit-user-select:none;user-select:none;margin-bottom:.25rem;font-size:.72rem;font-style:italic;font-weight:800;display:block}.ob-bar{height:2px;margin-bottom:2rem;position:relative}.ob-bar-fill{background:#6e51eb;background:lab(44.8505% 42.5863 -75.333);height:100%;transition:width .3s;display:block}.ob-body{justify-content:center;align-items:center;width:100%;max-width:28rem;margin:2.5rem auto 0;display:flex}.ob-step{flex-direction:column;gap:1.25rem;width:100%;display:flex;position:relative}.ob-avatar{object-fit:cover;border:2px solid #b2ccd614;border:2px solid lab(80.3291% -7.40752 -8.00557/.08);border-radius:50%;width:3.5rem;height:3.5rem}.ob-counter{letter-spacing:.2em;text-transform:uppercase;color:#b2ccd666;color:lab(80.3291% -7.40752 -8.00557/.4);font-variant-numeric:tabular-nums;margin:0;font-size:.75rem;font-weight:700}.ob-title{letter-spacing:-.04em;color:#fff;margin:0;font-size:clamp(2rem,7vw,3.2rem);font-weight:800;line-height:1}.ob-fields{flex-direction:column;gap:1rem;display:flex}.ob-input{color:#fff;box-sizing:border-box;background:0 0;border:none;border-bottom:2px solid oklch(82.901% .031 222.959/.12);border-radius:0;outline:none;width:100%;padding:.85rem 0;font-size:1.1rem;line-height:1.4;transition:border-color .15s}.ob-input::placeholder{color:#b2ccd64d;color:lab(80.3291% -7.40752 -8.00557/.3)}.ob-input:focus{border-bottom-color:#6e51eb;border-bottom-color:lab(44.8505% 42.5863 -75.333)}.ob-country{position:relative}.ob-country-trigger{color:#fff;cursor:pointer;background:0 0;border:none;border-bottom:2px solid oklch(82.901% .031 222.959/.12);justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.85rem 0;transition:border-color .15s,color .15s;display:flex}.ob-country-trigger:hover,.ob-country-trigger.is-open,.ob-country-trigger.is-selected{border-bottom-color:#6e51eb;border-bottom-color:lab(44.8505% 42.5863 -75.333)}.ob-country-trigger-value{align-items:center;gap:.75rem;min-width:0;font-size:1.1rem;line-height:1.4;display:inline-flex}.ob-country-placeholder{color:#b2ccd64d;color:lab(80.3291% -7.40752 -8.00557/.3)}.ob-country-chevron{color:#b2ccd680;color:lab(80.3291% -7.40752 -8.00557/.5);flex-shrink:0;transition:transform .18s}.ob-country-trigger.is-open .ob-country-chevron{transform:rotate(180deg)}.ob-country-menu{z-index:20;background:#242933;background:lab(16.4233% -.185296 -7.00837);border:1px solid #b2ccd614;border:1px solid lab(80.3291% -7.40752 -8.00557/.08);border-radius:.8rem;flex-direction:column;gap:.35rem;max-height:18rem;padding:.5rem 0;display:flex;position:absolute;top:calc(100% + .75rem);left:0;right:0;overflow-y:auto;box-shadow:0 1.5rem 3rem #0000003d;box-shadow:0 1.5rem 3rem lab(0% 0 0/.24)}.ob-country-option{color:#b2ccd6;color:lab(80.3291% -7.40752 -8.00557);text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;transition:background-color .15s,color .15s;display:flex}.ob-country-option:hover,.ob-country-option.is-selected{background:#b2ccd60f;background:lab(80.3291% -7.40752 -8.00557/.06)}.ob-country-option-main{align-items:center;gap:.75rem;min-width:0;display:inline-flex}.ob-country-option-tag{color:#6e51eb;color:lab(44.8505% 42.5863 -75.333);letter-spacing:.08em;text-transform:uppercase;background:#6e51eb1f;background:lab(44.8505% 42.5863 -75.333/.12);border-radius:999px;justify-content:center;align-items:center;padding:.2rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}select.ob-input{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#b2ccd699 50%),linear-gradient(135deg,#b2ccd699 50%,#0000 50%);background-image:linear-gradient(45deg,#0000 50%,lab(80.3291% -7.40752 -8.00557/.6) 50%),linear-gradient(135deg,lab(80.3291% -7.40752 -8.00557/.6) 50%,#0000 50%);background-position:calc(100% - .25rem) calc(50% - .15rem),100% calc(50% - .15rem);background-repeat:no-repeat;background-size:.35rem .35rem,.35rem .35rem;padding-right:1.5rem}select.ob-input option{color:#b2ccd6;color:lab(80.3291% -7.40752 -8.00557);background:#242933;background:lab(16.4233% -.185296 -7.00837)}select.ob-input::-ms-expand{display:none}select.ob-input[disabled]{opacity:.4;cursor:not-allowed}.ob-label{color:#b2ccd6;color:lab(80.3291% -7.40752 -8.00557);flex-direction:column;gap:.35rem;display:flex}.ob-label-text{letter-spacing:.1em;text-transform:uppercase;color:#b2ccd680;color:lab(80.3291% -7.40752 -8.00557/.5);font-size:.72rem;font-weight:700}.ob-hint{color:#b2ccd666;color:lab(80.3291% -7.40752 -8.00557/.4);margin:0;font-size:.75rem;line-height:1.5;display:block}.ob-error{color:#ffae9b;color:lab(78.8025% 28.7108 22.315);margin:0;font-size:.78rem}.ob-flag{font-size:1.75rem;line-height:1}.ob-actions{justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:1.5rem;display:flex}.ob-back{all:unset;cursor:pointer;color:#b2ccd680;color:lab(80.3291% -7.40752 -8.00557/.5);padding:.5rem 0;font-size:.82rem;font-weight:600;transition:color .15s}.ob-back:hover{color:#b2ccd6cc;color:lab(80.3291% -7.40752 -8.00557/.8)}.ob-next{border-radius:.5rem;min-width:8rem;min-height:3rem;font-size:.9rem;font-weight:700}@media (max-width:30rem){.ob-actions{flex-direction:column-reverse;gap:.5rem}.ob-next{width:100%}.ob-back{display:block}}