body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f0f2f5;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}#root{width:100%;min-height:100svh}*,:before,:after{box-sizing:border-box}:root{--teal:#14b8a6;--teal-dark:#0d9488;--teal-darker:#0f766e;--teal-light:#ccfbf1;--teal-xlight:#f0fdfa;--text-dark:#0f172a;--text-mid:#334155;--text-soft:#64748b;--text-pale:#94a3b8;--border:#e2e8f0;--surface:#f8fafc;--white:#fff;--red:#ef4444;--red-light:#fef2f2;--red-border:#fecaca;--radius-card:24px;--radius-elem:14px;--radius-sm:10px;--shadow-card:0 0 0 1px #0000000a, 0 8px 24px #0000002e, 0 32px 64px #00000038}.os-page{background:radial-gradient(60% 50% at 75% -10%,#14b8a62e 0%,#0000 70%),linear-gradient(160deg,#0d1117 0%,#111827 60%,#0d1117 100%);justify-content:center;align-items:flex-start;min-height:100svh;padding:28px 16px 56px;display:flex}.os-card{border-radius:var(--radius-card);width:100%;max-width:440px;box-shadow:var(--shadow-card);flex-direction:column;display:flex;overflow:hidden}.os-card-top{background:linear-gradient(135deg,#134e4a 0%,#0f766e 60%,#0d9488 100%);border-bottom:1px solid #ffffff14;flex-direction:column;gap:8px;padding:28px 28px 24px;display:flex}.os-badge{letter-spacing:.12em;text-transform:uppercase;color:var(--teal-light);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;align-self:flex-start;padding:4px 10px;font-size:10px;font-weight:700}.os-title{color:var(--white);letter-spacing:-.02em;margin:0;font-size:clamp(20px,5vw,26px);font-weight:700;line-height:1.2}.os-description{color:#ffffffa6;margin:0;font-size:14px;line-height:1.55}.os-card-body{background:var(--white);flex-direction:column;gap:20px;padding:24px 24px 28px;display:flex}.os-section{flex-direction:column;gap:8px;display:flex}.os-label{color:var(--text-soft);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.os-required{color:var(--red);margin-left:2px}.os-input-wrap{align-items:center;display:flex;position:relative}.os-input-icon{width:17px;height:17px;color:var(--text-pale);pointer-events:none;flex-shrink:0;transition:color .2s;position:absolute;left:14px}.os-input{border:1.5px solid var(--border);border-radius:var(--radius-elem);width:100%;color:var(--text-dark);background:var(--surface);-webkit-appearance:none;outline:none;padding:13px 14px 13px 40px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.os-input::placeholder{color:var(--text-pale)}.os-input:focus{border-color:var(--teal);background:var(--white);box-shadow:0 0 0 3px #14b8a624}.os-input-wrap:has(.os-input:focus) .os-input-icon{color:var(--teal)}.os-options{flex-direction:column;gap:8px;display:flex}.os-option{border:1.5px solid var(--border);border-radius:var(--radius-elem);background:var(--white);width:100%;color:var(--text-mid);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;border-left-width:4px;border-left-color:#0000;align-items:center;gap:14px;padding:14px 16px;font-family:inherit;font-size:15px;transition:border-color .18s,background .18s,color .18s,box-shadow .18s;display:flex}.os-option:hover{border-color:var(--teal);border-left-color:var(--teal);background:var(--teal-xlight);color:var(--text-dark)}.os-option--selected{border-color:var(--teal);border-left-color:var(--teal);background:var(--teal-xlight);color:var(--text-dark);box-shadow:0 2px 8px #14b8a61f}.os-radio{border:2px solid var(--border);background:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;transition:border-color .18s,background .18s;display:flex}.os-option:hover .os-radio{border-color:var(--teal)}.os-option--selected .os-radio{border-color:var(--teal);background:var(--teal)}.os-radio-dot{background:var(--white);border-radius:50%;width:8px;height:8px;transition:transform .2s cubic-bezier(.175,.885,.32,1.5);transform:scale(0)}.os-option--selected .os-radio-dot{transform:scale(1)}.os-option-label{flex:1;line-height:1.4}.os-empty{color:var(--text-soft);text-align:center;margin:0;padding:12px 0;font-size:14px}.os-error{color:var(--red);background:var(--red-light);border:1px solid var(--red-border);border-radius:var(--radius-sm);align-items:flex-start;gap:9px;padding:10px 14px;font-size:13px;display:flex}.os-error svg{flex-shrink:0;width:16px;height:16px;margin-top:1px}.os-btn-primary{border-radius:var(--radius-elem);background:linear-gradient(135deg, var(--teal) 0%, var(--teal-dark) 100%);width:100%;color:var(--white);letter-spacing:.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;justify-content:center;align-items:center;gap:8px;padding:15px;font-family:inherit;font-size:15px;font-weight:600;transition:opacity .2s,transform .12s,box-shadow .2s;display:flex;box-shadow:0 4px 14px #14b8a659}.os-btn-primary:hover:not(:disabled){opacity:.92;box-shadow:0 6px 20px #14b8a673}.os-btn-primary:active:not(:disabled){transform:scale(.975)}.os-btn-primary:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.os-state-card{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffff0a;border:1px solid #ffffff14;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;margin-top:80px;padding:40px 28px;display:flex}.os-state-icon{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;display:flex}.os-state-icon svg{width:26px;height:26px}.os-state-icon--success{color:var(--teal);background:#14b8a626;border:1.5px solid #14b8a64d}.os-state-icon--warn{color:#fbbf24;background:#fbbf241f;border:1.5px solid #fbbf2440}.os-state-title{color:var(--white);letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.os-state-text{color:#ffffff80;margin:0;font-size:14px;line-height:1.5}.os-spinner{border:2.5px solid #ffffff1f;border-top-color:var(--teal);border-radius:50%;flex-shrink:0;width:32px;height:32px;animation:.7s linear infinite os-spin}.os-spinner--sm{border-width:2px;border-color:#ffffff4d;border-top-color:var(--white);width:15px;height:15px}@keyframes os-spin{to{transform:rotate(360deg)}}