[data-screen=signup]{--blue:#2274FF;--blue-dark:#1A56C5;--blue-deeper:#0F3D9E;--blue-light:#EBF2FF;--blue-mid:#C3D9FF;--blue-glow:rgba(34,116,255,.18);--bg:#F4F6FB;--surface:#FFFFFF;--surface-2:#F8FAFF;--border:#E4EAF4;--border-strong:#C8D4EC;--text-1:#0F172A;--text-2:#3D4E6B;--text-3:#7B90B8;--text-inv:#FFFFFF;--success:#10B981;--success-light:#D1FAE5;--danger:#EF4444;--danger-light:#FEE2E2;--r-sm:8px;--r-md:14px;--r-lg:20px;--r-xl:28px;--r-full:9999px;--shadow-card:0 4px 32px rgba(15,23,42,.09),0 1px 4px rgba(15,23,42,.05);--shadow-btn:0 4px 16px rgba(34,116,255,.30);--ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.34,1.56,.64,1);--fast:200ms;--mid:300ms}[data-screen=signup],[data-screen=signup] *,[data-screen=signup] :after,[data-screen=signup] :before{box-sizing:border-box;margin:0;padding:0}[data-screen=signup]{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-family:var(--font-body),system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text-1);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}[data-screen=signup] h1,[data-screen=signup] h2,[data-screen=signup] h3{font-family:var(--font-display),system-ui,sans-serif;letter-spacing:-.025em}[data-screen=signup] a{color:var(--blue);text-decoration:none;font-weight:600}[data-screen=signup] a:hover{text-decoration:underline}[data-screen=signup] a:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}[data-screen=signup] button{font-family:inherit;cursor:pointer;border:none;background:none}[data-screen=signup] input,[data-screen=signup] select{font-family:inherit}[data-screen=signup] ul{list-style:none}[data-screen=signup] img{display:block;max-width:100%}[data-screen=signup] [hidden]{display:none!important}[data-screen=signup] .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[data-screen=signup] .bg-orb{position:fixed;border-radius:50%;pointer-events:none;z-index:0;will-change:transform}[data-screen=signup] .bg-orb--1{width:520px;height:520px;background:radial-gradient(circle,rgba(34,116,255,.12) 0,transparent 70%);top:-180px;right:-160px;animation:signup-orb-drift 22s ease-in-out infinite}[data-screen=signup] .bg-orb--2{width:360px;height:360px;background:radial-gradient(circle,rgba(34,116,255,.08) 0,transparent 70%);bottom:-120px;left:-80px;animation:signup-orb-drift 18s ease-in-out infinite reverse}@keyframes signup-orb-drift{0%,to{transform:translate(0)}40%{transform:translate(24px,-20px)}70%{transform:translate(-16px,16px)}}[data-screen=signup] .page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px 40px;gap:12px}[data-screen=signup] .card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-card);width:100%;max-width:480px;overflow:hidden;animation:signup-card-in .5s var(--ease) both}@keyframes signup-card-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}[data-screen=signup] .card__head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0;margin-bottom:20px}[data-screen=signup] .logo__img{height:32px;width:auto;object-fit:contain}[data-screen=signup] .logo{display:flex;align-items:center;font-family:var(--font-display),sans-serif;font-weight:800;font-size:18px;color:var(--blue);letter-spacing:-.02em}[data-screen=signup] .escape-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--text-3);transition:color var(--fast) var(--ease)}[data-screen=signup] .escape-link:hover{color:var(--text-2);text-decoration:none}[data-screen=signup] .escape-link svg{transition:transform var(--fast) var(--ease)}[data-screen=signup] .escape-link:hover svg{transform:translateX(-2px)}[data-screen=signup] .step{padding:0 24px 28px;animation:signup-step-in .38s var(--ease) both}@keyframes signup-step-in{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}[data-screen=signup] .step--active{display:block}[data-screen=signup] .step__header{margin-bottom:22px}[data-screen=signup] .step__title{font-size:clamp(20px,5vw,24px);font-weight:700;color:var(--text-1);line-height:1.25;margin-bottom:6px}[data-screen=signup] .step__sub{font-size:14px;color:var(--text-3);line-height:1.5}[data-screen=signup] .step__sub strong{color:var(--text-2)}[data-screen=signup] .phone-wrap{display:flex;gap:0;border:1.8px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease);background:var(--surface)}[data-screen=signup] .phone-wrap:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px rgba(34,116,255,.1)}[data-screen=signup] .phone-wrap.is-err{border-color:var(--danger);box-shadow:0 0 0 4px rgba(239,68,68,.1)}[data-screen=signup] .phone-wrap.is-ok{border-color:var(--success);box-shadow:0 0 0 4px rgba(16,185,129,.08)}[data-screen=signup] .phone-flag{display:flex;align-items:center;gap:4px;padding:0 12px;background:var(--surface-2);border-right:1.5px solid var(--border);font-size:14px;font-weight:600;color:var(--text-2);white-space:nowrap;flex-shrink:0;min-height:48px;transition:background var(--fast);cursor:default}[data-screen=signup] .flag-emoji{font-size:18px;line-height:1}[data-screen=signup] .flag-code{font-size:13px;font-weight:700;letter-spacing:.02em}[data-screen=signup] .field__input--phone{border:none!important;border-radius:0!important;box-shadow:none!important;flex:1 1;min-width:0;padding:0 14px;height:48px;font-size:15px;color:var(--text-1);background:transparent;outline:none}[data-screen=signup] .field__input--phone::placeholder{color:var(--text-3)}[data-screen=signup] .otp-boxes{display:flex;gap:8px;justify-content:center;margin-bottom:4px}[data-screen=signup] .otp-box{width:100%;max-width:52px;height:56px;text-align:center;font-family:var(--font-display),sans-serif;font-size:22px;font-weight:700;color:var(--text-1);border:1.8px solid var(--border);border-radius:var(--r-md);background:var(--surface);outline:none;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform var(--fast) var(--spring);caret-color:var(--blue);-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-screen=signup] .otp-box:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(34,116,255,.12);transform:scale(1.04)}[data-screen=signup] .otp-box.is-filled{border-color:var(--blue-mid);background:var(--blue-light)}[data-screen=signup] .otp-box.is-err{border-color:var(--danger);box-shadow:0 0 0 4px rgba(239,68,68,.1);animation:signup-shake .35s var(--ease)}@keyframes signup-shake{0%,to{transform:translateX(0)}20%{transform:translateX(-5px)}60%{transform:translateX(5px)}}[data-screen=signup] .resend-row{display:flex;align-items:center;justify-content:space-between;margin:14px 0 20px;font-size:13px}[data-screen=signup] .resend-timer{color:var(--text-3);font-weight:500}[data-screen=signup] .resend-timer strong{color:var(--text-2)}[data-screen=signup] .resend-btn{font-size:13px;font-weight:700;color:var(--blue);padding:6px 12px;border-radius:var(--r-sm);transition:all var(--fast) var(--ease);min-height:36px}[data-screen=signup] .resend-btn:disabled{color:var(--text-3);cursor:not-allowed}[data-screen=signup] .resend-btn:not(:disabled):hover{background:var(--blue-light)}[data-screen=signup] .resend-btn:focus-visible{outline:2px solid var(--blue);outline-offset:2px}[data-screen=signup] .type-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}[data-screen=signup] .type-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.8px solid var(--border);border-radius:var(--r-lg);background:var(--surface);text-align:left;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease),box-shadow var(--fast) var(--ease),transform var(--fast) var(--spring);cursor:pointer;width:100%;-webkit-tap-highlight-color:transparent}[data-screen=signup] .type-card:hover{border-color:var(--blue-mid);background:var(--blue-light);transform:translateY(-2px);box-shadow:0 6px 20px var(--blue-glow)}[data-screen=signup] .type-card:focus-visible{outline:2px solid var(--blue);outline-offset:2px}[data-screen=signup] .type-card[aria-checked=true]{border-color:var(--blue);background:var(--blue-light);box-shadow:0 0 0 4px rgba(34,116,255,.12);transform:translateY(-1px)}[data-screen=signup] .type-card__icon{width:48px;height:48px;border-radius:var(--r-md);background:var(--surface-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--blue);transition:background var(--fast) var(--ease)}[data-screen=signup] .type-card[aria-checked=true] .type-card__icon{background:white}[data-screen=signup] .type-card__body{flex:1 1;display:flex;flex-direction:column;gap:2px}[data-screen=signup] .type-card__title{font-family:var(--font-display),sans-serif;font-size:15px;font-weight:700;color:var(--text-1);line-height:1.3}[data-screen=signup] .type-card__desc{font-size:13px;color:var(--text-3);line-height:1.4}[data-screen=signup] .type-card__check{color:var(--border-strong);flex-shrink:0;transition:color var(--fast) var(--ease)}[data-screen=signup] .type-card[aria-checked=true] .type-card__check{color:var(--blue)}[data-screen=signup] .field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}[data-screen=signup] .field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}[data-screen=signup] .field:last-of-type{margin-bottom:0}[data-screen=signup] .field__label{font-size:13px;font-weight:700;color:var(--text-2);letter-spacing:.01em}[data-screen=signup] .req{color:var(--danger);margin-left:2px}[data-screen=signup] .field__hint{font-size:12px;color:var(--text-3);line-height:1.5;margin-top:2px}[data-screen=signup] .field__input{width:100%;height:48px;padding:0 14px;border:1.8px solid var(--border);border-radius:var(--r-md);font-size:15px;color:var(--text-1);background:var(--surface);outline:none;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-screen=signup] .field__input--date,[data-screen=signup] .field__input--select{padding-right:14px}[data-screen=signup] .field__input::placeholder{color:var(--text-3)}[data-screen=signup] .field__input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(34,116,255,.1)}[data-screen=signup] .field__input.is-err{border-color:var(--danger);box-shadow:0 0 0 4px rgba(239,68,68,.1)}[data-screen=signup] .field__input.is-ok{border-color:var(--success);box-shadow:0 0 0 4px rgba(16,185,129,.08)}[data-screen=signup] .field__err{font-size:12px;font-weight:600;color:var(--danger);display:none;align-items:center;gap:4px;line-height:1.4}[data-screen=signup] .field__err.visible{display:flex}[data-screen=signup] .input-icon-wrap{position:relative}[data-screen=signup] .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}[data-screen=signup] .field__input--icon{padding-left:42px}[data-screen=signup] .select-wrap{position:relative}[data-screen=signup] .select-wrap .field__input--select{padding-right:36px;cursor:pointer}[data-screen=signup] .select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-3);pointer-events:none}[data-screen=signup] .title-chips{display:flex;flex-wrap:wrap;gap:8px}[data-screen=signup] .chip{height:36px;padding:0 16px;border-radius:var(--r-full);border:1.8px solid var(--border);background:var(--surface);font-size:14px;font-weight:600;color:var(--text-2);transition:all var(--fast) var(--ease);cursor:pointer;-webkit-tap-highlight-color:transparent}[data-screen=signup] .chip:hover{border-color:var(--blue-mid);background:var(--blue-light);color:var(--blue)}[data-screen=signup] .chip:focus-visible{outline:2px solid var(--blue);outline-offset:2px}[data-screen=signup] .chip[aria-checked=true],[data-screen=signup] .chip[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:var(--text-inv);box-shadow:0 2px 8px var(--blue-glow)}[data-screen=signup] .chip--other{border-style:dashed}[data-screen=signup] .field__input--chip-other{margin-top:8px;padding:0 14px}[data-screen=signup] .pw-wrap{position:relative}[data-screen=signup] .pw-wrap .field__input{padding-right:48px}[data-screen=signup] .pw-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-3);padding:4px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);transition:color var(--fast) var(--ease)}[data-screen=signup] .pw-toggle:hover{color:var(--blue)}[data-screen=signup] .pw-toggle:focus-visible{outline:2px solid var(--blue);outline-offset:2px}[data-screen=signup] .strength-meter{display:flex;align-items:center;gap:8px;margin-top:8px}[data-screen=signup] .strength-meter__bars{display:flex;gap:4px;flex:1 1}[data-screen=signup] .sbar{flex:1 1;height:4px;border-radius:var(--r-full);background:var(--border);transition:background .35s var(--ease)}[data-screen=signup] .sbar.s1{background:#EF4444}[data-screen=signup] .sbar.s2{background:#F59E0B}[data-screen=signup] .sbar.s3{background:#3B82F6}[data-screen=signup] .sbar.s4{background:var(--success)}[data-screen=signup] .strength-meter__label{font-size:12px;font-weight:700;min-width:54px;text-align:right;color:var(--text-3);transition:color .25s var(--ease)}[data-screen=signup] .strength-meter__label.weak{color:#EF4444}[data-screen=signup] .strength-meter__label.fair{color:#F59E0B}[data-screen=signup] .strength-meter__label.good{color:#3B82F6}[data-screen=signup] .strength-meter__label.strong{color:var(--success)}[data-screen=signup] .trust-line{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-3);margin:10px 0 18px;line-height:1.5}[data-screen=signup] .trust-line svg{flex-shrink:0;color:var(--success)}[data-screen=signup] .checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--text-2);line-height:1.5;cursor:pointer}[data-screen=signup] .checkbox-label a{font-size:inherit}[data-screen=signup] .checkbox-input{position:absolute;opacity:0;width:0;height:0}[data-screen=signup] .checkbox-custom{width:20px;height:20px;border-radius:6px;border:1.8px solid var(--border-strong);background:var(--surface);flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:all var(--fast) var(--ease);position:relative}[data-screen=signup] .checkbox-input:checked+.checkbox-custom{background:var(--blue);border-color:var(--blue)}[data-screen=signup] .checkbox-input:checked+.checkbox-custom:after{content:"";display:block;width:5px;height:9px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg) translate(-1px,-1px)}[data-screen=signup] .checkbox-input:focus-visible+.checkbox-custom{outline:2px solid var(--blue);outline-offset:2px}[data-screen=signup] .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 24px;border-radius:var(--r-md);font-size:15px;font-weight:700;letter-spacing:.01em;transition:all var(--mid) var(--ease);-webkit-tap-highlight-color:transparent;outline:none;white-space:nowrap}[data-screen=signup] .btn:focus-visible{outline:2px solid var(--blue);outline-offset:3px}[data-screen=signup] .btn--primary{background:var(--blue);color:var(--text-inv);box-shadow:var(--shadow-btn)}[data-screen=signup] .btn--primary:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 8px 24px rgba(34,116,255,.38)}[data-screen=signup] .btn--primary:active:not(:disabled){transform:translateY(0)}[data-screen=signup] .btn--primary:disabled{background:var(--blue-mid);box-shadow:none;cursor:not-allowed;color:rgba(255,255,255,.65)}[data-screen=signup] .btn--ghost{background:var(--surface-2);color:var(--text-2);border:1.8px solid var(--border);height:50px;padding:0 18px}[data-screen=signup] .btn--ghost:hover{background:var(--blue-light);border-color:var(--blue-mid);color:var(--blue)}[data-screen=signup] .btn--full{width:100%}[data-screen=signup] .btn-row{display:flex;gap:10px;margin-top:24px}[data-screen=signup] .btn-row .btn--primary{flex:1 1}[data-screen=signup] .btn-row--single{margin-top:10px}[data-screen=signup] .login-nudge{text-align:center;font-size:13px;color:var(--text-3);margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}[data-screen=signup] .login-nudge a{font-size:inherit}[data-screen=signup] .step--setup{text-align:center;padding-bottom:32px}[data-screen=signup] .success-icon{width:72px;height:72px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;animation:signup-pop-in .5s var(--spring) both;box-shadow:0 8px 24px rgba(16,185,129,.3)}@keyframes signup-pop-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}[data-screen=signup] .next-steps{background:var(--blue-light);border:1.5px solid var(--blue-mid);border-radius:var(--r-lg);padding:18px 20px;text-align:left;margin-bottom:24px;margin-top:24px}[data-screen=signup] .next-steps__heading{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--blue-dark);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}[data-screen=signup] .next-steps__list{display:flex;flex-direction:column;gap:10px}[data-screen=signup] .next-steps__list li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-2);line-height:1.5}[data-screen=signup] .ns-dot{width:20px;height:20px;border-radius:50%;background:var(--blue);color:white;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}[data-screen=signup] .below-card{font-size:13px;color:var(--text-3);text-align:center}@media (max-width:400px){[data-screen=signup] .page{padding:16px 8px 32px}[data-screen=signup] .card{border-radius:var(--r-lg)}[data-screen=signup] .card__head{padding:16px 18px 0;margin-bottom:16px}[data-screen=signup] .step{padding:0 18px 24px}[data-screen=signup] .field-row{grid-template-columns:1fr}[data-screen=signup] .type-card__desc{display:none}[data-screen=signup] .otp-box{height:50px;font-size:20px}[data-screen=signup] .otp-boxes{gap:6px}}@media (max-width:340px){[data-screen=signup] .otp-box{height:44px;font-size:18px;max-width:44px}[data-screen=signup] .otp-boxes{gap:4px}}@media (min-width:520px){[data-screen=signup] .page{padding:32px 24px 48px}}@media (prefers-reduced-motion:reduce){[data-screen=signup],[data-screen=signup] *,[data-screen=signup] :after,[data-screen=signup] :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}