.onboarding-page{--blue:#2563eb;--indigo:#6366f1;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--surface:#fff;box-sizing:border-box;min-height:100vh;color:var(--ink);font-family:var(--font-geist-sans), Inter, sans-serif;background:#f8fafc;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:relative;overflow:hidden}.onboarding-page *,.onboarding-page :before,.onboarding-page :after{box-sizing:border-box}.onboarding-orb{filter:blur(80px);pointer-events:none;border-radius:999px;position:absolute}.onboarding-orb-one{background:#2563eb1a;width:700px;height:700px;top:-280px;right:-160px}.onboarding-orb-two{background:#6366f117;width:600px;height:600px;bottom:-260px;left:-200px}.onboarding-frame{z-index:1;width:min(440px,100%);position:relative}.onboarding-brand{background:linear-gradient(135deg, var(--blue), var(--indigo));color:#0000;letter-spacing:-.04em;-webkit-background-clip:text;background-clip:text;align-items:center;gap:7px;margin-bottom:24px;font-size:21px;font-weight:750;text-decoration:none;display:inline-flex}.onboarding-brand .brand-mark{background:var(--blue);color:#fff;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.onboarding-brand .brand-mark svg{width:22px;height:22px;display:block}.onboarding-brand .brand-shape{fill:currentColor}.onboarding-brand .brand-route{fill:none;stroke:var(--blue);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.onboarding-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #e2e8f0f2;border-radius:26px;width:100%;padding:32px 32px 28px;box-shadow:0 18px 45px -22px #2563eb47,0 10px 28px -20px #0f172a33}.onboarding-panel h1{letter-spacing:-.03em;margin:0;font-size:26px;font-weight:750;line-height:1.2}.onboarding-lead{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.5}.onboarding-auth-actions{margin-top:24px}.onboarding-google{background:linear-gradient(135deg, var(--blue), var(--indigo));color:#fff;width:100%;height:48px;font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:650;display:flex;box-shadow:0 12px 24px -12px #2563eb8c}.onboarding-google:hover:not(:disabled){box-shadow:0 14px 28px -12px #2563eba6}.onboarding-google svg{background:#fff;border-radius:4px;width:18px;height:18px;padding:2px}.onboarding-google:disabled{cursor:not-allowed;box-shadow:none;background:#93c5fd}.onboarding-email-form button:disabled,.onboarding-continue:disabled{cursor:not-allowed;opacity:.6}.onboarding-divider{color:#94a3b8;align-items:center;gap:12px;margin:18px 0;font-size:12px;font-weight:600;display:flex}.onboarding-divider:before,.onboarding-divider:after{background:var(--line);content:"";flex:1;height:1px}.onboarding-email-form{gap:8px;display:grid}.onboarding-email-form label{color:#334155;font-size:13px;font-weight:600}.onboarding-email-form input{height:50px;color:var(--ink);font:inherit;background:#fff;border:1px solid #94a3b8;border-radius:12px;outline:none;padding:0 14px;font-size:15px}.onboarding-email-form input::placeholder{color:#94a3b8}.onboarding-email-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}.onboarding-email-form input:disabled{color:#94a3b8;background:#f8fafc;border-color:#cbd5e1}.onboarding-email-form button{color:#334155;width:100%;height:48px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:650;display:flex}.onboarding-email-form button:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.onboarding-email-form button svg{width:15px;height:15px}.onboarding-email-form button[aria-busy=true]{color:var(--muted);border-color:var(--line);opacity:1;background:#f8fafc}.onboarding-error{color:#be123c;background:#fff1f2;border-radius:10px;margin:16px 0 0;padding:10px 12px;font-size:13px;line-height:1.45}.onboarding-auth-switch{color:var(--muted);margin:28px 0 0;font-size:13px;line-height:1.4}.onboarding-auth-switch a{color:var(--blue);font-weight:650;text-decoration:none}.onboarding-auth-switch a:hover{text-decoration:underline}.onboarding-secondary-action{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:16px;padding:0;font-size:13px;font-weight:650;text-decoration:none;display:inline-block}.onboarding-secondary-action:hover:not(:disabled){text-decoration:underline}.onboarding-secondary-action:disabled{cursor:not-allowed;opacity:.55}.onboarding-auth-status{text-align:center;justify-items:center;padding:12px 0 8px;display:grid}.onboarding-auth-status h1{letter-spacing:-.03em;text-wrap:balance;max-width:20ch;margin:0;font-size:24px;font-weight:750;line-height:1.25}.onboarding-auth-status .onboarding-lead{max-width:32ch;margin-top:8px}.onboarding-auth-status .onboarding-continue{width:100%;margin-top:20px}.onboarding-auth-status .onboarding-secondary-action{margin-top:12px}.onboarding-otp-wrap{width:100%;margin-top:22px}.onboarding-otp-wrap.is-verifying .onboarding-otp-box{opacity:.55}.onboarding-auth-status .onboarding-error{margin-top:14px}.onboarding-otp{width:100%;position:relative}.onboarding-otp-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.onboarding-otp-boxes{pointer-events:none;justify-content:center;gap:8px;display:flex}.onboarding-otp-box{border:1px solid var(--line);width:44px;height:52px;color:var(--ink);font-variant-numeric:tabular-nums;background:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:22px;font-weight:650;line-height:1;display:flex}.onboarding-otp-box.is-filled{border-color:#cbd5e1}.onboarding-otp-box.is-active{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f}.onboarding-otp-input{opacity:.01;color:#0000;caret-color:#0000;letter-spacing:2.4em;text-indent:.6em;background:0 0;border:0;width:100%;height:100%;margin:0;font-size:16px;position:absolute;inset:0}.onboarding-otp-input:disabled{cursor:not-allowed}.onboarding-otp-status{color:var(--muted);font-size:13px;font-weight:600;line-height:1.4}.onboarding-inline-action{color:var(--blue);font:inherit;font-size:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;font-weight:650;display:inline}.onboarding-inline-action:hover:not(:disabled){text-decoration:underline}.onboarding-inline-action:disabled{cursor:not-allowed;opacity:.55}.onboarding-code-actions{justify-content:center;align-items:center;margin-top:18px;display:flex}.onboarding-code-actions .onboarding-secondary-action{margin-top:0;font-weight:600}.onboarding-continue{background:linear-gradient(135deg, var(--blue), var(--indigo));color:#fff;width:100%;height:48px;font:inherit;cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:650;text-decoration:none;display:flex;box-shadow:0 12px 24px -12px #2563eb8c}.onboarding-continue:hover:not(:disabled){box-shadow:0 14px 28px -12px #2563eba6}.onboarding-auth-spinner{border:2.5px solid var(--line);border-top-color:var(--blue);border-radius:999px;width:28px;height:28px;margin:20px auto 0;animation:.75s linear infinite onboarding-spin}@keyframes onboarding-spin{to{transform:rotate(360deg)}}.onboarding-email-form #clerk-captcha:empty{display:none}.onboarding-email-form #clerk-captcha:not(:empty){text-align:center;justify-content:center;align-items:center;width:100%;margin-top:8px;line-height:0;min-height:0!important;margin-bottom:0!important;padding:0!important;display:flex!important}.onboarding-email-form #clerk-captcha>div{justify-content:center;align-items:center;max-width:100%;width:fit-content!important;margin:0 auto!important;display:flex!important}.onboarding-email-form #clerk-captcha .cf-turnstile{width:auto!important;margin:0 auto!important;display:flex!important}.onboarding-email-form #clerk-captcha iframe{max-width:100%;display:block;margin:0 auto!important}.onboarding-panel:has(#clerk-captcha:not(:empty)):not(:has(.onboarding-auth-switch)){padding-bottom:24px}@media (max-width:480px){.onboarding-page{align-items:flex-start;padding-top:44px}.onboarding-panel{border-radius:22px;padding:28px 22px 24px}.onboarding-panel h1,.onboarding-auth-status h1{font-size:24px}.onboarding-otp-boxes{gap:6px}.onboarding-otp-box{width:40px;height:48px;font-size:20px}}
