:root{--signup-blue: #007aff;--signup-blue-dark: #005fca;--signup-ink: #101828;--signup-muted: #667085;--signup-line: rgba(15, 23, 42, .1)}body{min-height:100vh;color:var(--signup-ink);background:#f7faff;font-family:Segoe UI Variable Text,SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.signup-shell{display:grid;min-height:100vh;grid-template-columns:minmax(380px,.9fr) minmax(540px,1.1fr)}.signup-story{position:relative;display:flex;min-height:100vh;padding:46px clamp(40px,5vw,82px) 58px;overflow:hidden;flex-direction:column;color:#fff;background:radial-gradient(circle at 20% 14%,rgba(255,255,255,.2),transparent 18rem),linear-gradient(145deg,#0a84ff,#007aff 52%,#0057ba);animation:signup-story-in .72s cubic-bezier(.22,1,.36,1) both}.signup-story:before{position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:linear-gradient(135deg,#000,transparent 72%);mask-image:linear-gradient(135deg,#000,transparent 72%);content:"";pointer-events:none}.story-logo,.story-copy{position:relative}.story-logo{display:inline-flex;width:-moz-fit-content;width:fit-content;transition:opacity .15s ease;animation:signup-drop-in .62s .11s cubic-bezier(.22,1,.36,1) both}.story-logo:hover{opacity:.82}.story-logo img{width:auto;height:43px;filter:brightness(0) invert(1)}.story-copy{max-width:590px;margin:clamp(105px,14vh,185px) 0 0;animation:signup-rise-in 748ms 198ms cubic-bezier(.22,1,.36,1) both}.story-kicker{display:inline-flex;align-items:center;gap:9px;color:#ffffffc2;font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.story-kicker:before{width:24px;height:2px;border-radius:999px;background:currentColor;content:""}.story-copy h1{margin:18px 0 19px;font-size:clamp(3.1rem,5vw,5.8rem);font-weight:750;letter-spacing:-.065em;line-height:.96}.story-copy p{max-width:510px;color:#ffffffc2;font-size:1.02rem;line-height:1.72}.signup-panel{position:relative;display:flex;min-height:100vh;padding:36px clamp(28px,6vw,96px) 52px;flex-direction:column;background:radial-gradient(circle at 88% 10%,rgba(0,122,255,.08),transparent 24rem),#f9fbff}.panel-top{display:flex;align-items:center;justify-content:flex-end;gap:13px;color:var(--signup-muted);font-size:.82rem;animation:signup-drop-in .62s .11s cubic-bezier(.22,1,.36,1) both}.panel-top a{display:inline-flex;min-height:39px;padding:0 15px;align-items:center;border:1px solid rgba(0,122,255,.18);border-radius:10px;color:var(--signup-blue);background:#fffc;font-weight:700;transition:background .15s ease,border-color .15s ease}.panel-top a:hover{border-color:#007aff57;background:#fff}.signup-card{width:min(100%,540px);margin:auto;padding:clamp(34px,4.3vw,52px);border:1px solid var(--signup-line);border-radius:24px;background:#ffffffeb;box-shadow:0 28px 70px #0f172a1f;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:signup-card-in .77s 165ms cubic-bezier(.22,1,.36,1) both}.mobile-logo{display:none;width:-moz-fit-content;width:fit-content;margin-bottom:30px}.mobile-logo img{width:auto;height:45px}.signup-heading{text-align:center;animation:signup-rise-in .66s 286ms cubic-bezier(.22,1,.36,1) both}.signup-heading span{color:var(--signup-blue);font-size:.69rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.signup-heading h2{margin:9px 0 8px;font-size:clamp(2.35rem,3.5vw,3.1rem);font-weight:750;letter-spacing:-.045em;line-height:1.05}.signup-heading p{color:var(--signup-muted);font-size:.9rem;line-height:1.55}#signup-form{display:grid;margin-top:28px;gap:18px;animation:signup-rise-in .66s 374ms cubic-bezier(.22,1,.36,1) both}.field-group{display:grid;gap:8px}.field-group label{color:#344054;font-size:.8rem;font-weight:700}.field-group input{width:100%;min-height:54px;padding:0 16px;border:1px solid rgba(15,23,42,.13);border-radius:11px;color:var(--signup-ink);background:#fff;outline:none;font-size:.96rem;transition:border-color .15s ease,box-shadow .15s ease}.field-group input:focus{border-color:var(--signup-blue);box-shadow:0 0 0 4px #007aff1f}.field-help{color:#98a2b3;font-size:.7rem;line-height:1.4}.signup-status{display:none;padding:12px 13px;border:1px solid rgba(220,38,38,.15);border-radius:10px;color:#b42318;background:#fff5f5;font-size:.78rem;line-height:1.5}.signup-status.is-visible{display:block}.signup-status.is-success{border-color:#16a34a2e;color:#15803d;background:#f0fdf4}.signup-submit{display:inline-flex;min-height:56px;align-items:center;justify-content:center;border:1px solid var(--signup-blue);border-radius:11px;color:#fff;background:var(--signup-blue);box-shadow:0 12px 26px #007aff38;font-size:.95rem;font-weight:750;transition:background .15s ease,transform .12s ease,opacity .15s ease}.signup-submit:hover:not(:disabled){background:var(--signup-blue-dark)}.signup-submit:active:not(:disabled){transform:scale(.985)}.signup-submit:disabled{cursor:wait;opacity:.66}.signup-footer{margin-top:25px;padding-top:21px;border-top:1px solid var(--signup-line);color:var(--signup-muted);text-align:center;font-size:.8rem;animation:signup-rise-in .66s 462ms cubic-bezier(.22,1,.36,1) both}.signup-footer a{color:var(--signup-blue);font-weight:750}@keyframes signup-story-in{0%{opacity:0;transform:translate(-18px)}to{opacity:1;transform:translate(0)}}@keyframes signup-drop-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes signup-rise-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes signup-card-in{0%{opacity:0;transform:translateY(22px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:920px){.signup-shell{grid-template-columns:1fr}.signup-story{display:none}.signup-panel{padding:24px 22px 54px}.panel-top{min-height:42px}.signup-card{margin:clamp(32px,7vh,70px) auto auto}.mobile-logo{display:inline-flex}}@media(max-width:480px){.panel-top span{display:none}.signup-card{padding:27px 22px;border-radius:20px}}@media(prefers-reduced-motion:reduce){.signup-story,.story-logo,.story-copy,.panel-top,.signup-card,.signup-heading,#signup-form,.signup-footer{animation:none}.signup-submit,.panel-top a{transition:none}}