.oct-signup{display:flex;min-height:100svh;flex-direction:column;font-family:var(--oct-font);color:var(--oct-ink);background:var(--oct-paper)}.oct-signup-split{display:flex;flex:1;min-height:0}.oct-signup-side{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;padding:8px 48px 64px}.oct-signup-form{display:flex;width:100%;max-width:440px;flex-direction:column;text-align:center}.oct-signup-head{display:flex;flex-direction:column;align-items:center;gap:8px}.oct-signup-head h1{margin:0;font:600 32px/44px var(--oct-font);letter-spacing:-.01em;color:var(--oct-ink)}.oct-signup-body{display:flex;flex-direction:column;gap:16px;padding-top:40px}.oct-signup-fields{display:flex;flex-direction:column;gap:16px}.oct-signup-input{display:block;width:100%;height:48px;border:1px solid var(--oct-line);border-radius:var(--oct-radius-sm);padding:12px 8px 12px 12px;font:400 15px/24px var(--oct-font);color:var(--oct-ink);background:var(--oct-paper);outline:none;transition:border-color .15s ease-out,box-shadow .15s ease-out}.oct-signup-input::placeholder{color:var(--oct-text)}.oct-signup-input:focus{border-color:var(--oct-primary);box-shadow:0 0 0 3px var(--oct-primary-wash)}.oct-signup-primary,.oct-signup-alt{display:flex;width:100%;height:48px;align-items:center;justify-content:center;gap:10px;border-radius:var(--oct-radius);font:600 15px/1 var(--oct-font);white-space:nowrap;cursor:pointer;transition:background-color .15s cubic-bezier(.4,0,.2,1),opacity .15s ease-out}.oct-signup-primary{border:0;color:var(--oct-primary-ink);background:var(--oct-primary)}.oct-signup-primary:hover{background:var(--oct-primary-hover)}.oct-signup-primary:disabled{cursor:not-allowed;opacity:.6}.oct-signup-alt{border:1px solid var(--oct-line);color:var(--oct-ink-soft);text-decoration:none;background:var(--oct-paper);box-shadow:0 1px 2px #0000150f}.oct-signup-alt:hover{background:var(--oct-press)}.oct-signup-or{display:flex;align-items:center;gap:16px;font:400 14px/20px var(--oct-font);color:var(--oct-text)}.oct-signup-or:before,.oct-signup-or:after{content:"";flex:1;border-top:1px solid var(--oct-line)}.oct-signup-note{margin:0;font:400 14px/20px var(--oct-font);color:var(--oct-text)}.oct-signup-note strong{font-weight:500;color:var(--oct-ink)}.oct-signup-error{margin:0;font:500 14px/20px var(--oct-font);color:var(--oct-danger)}.oct-signup-legal{margin:8px 0 0;padding-inline:24px;font:400 13px/20px var(--oct-font);color:var(--oct-text)}.oct-signup-legal a,.oct-signup-switch strong{font-weight:600;color:var(--oct-link);text-decoration:none}.oct-signup-switch{display:block;padding:8px 24px;font:500 14px/20px var(--oct-font);color:var(--oct-text);text-decoration:none}.oct-signup-switch:hover strong,.oct-signup-legal a:hover{text-decoration:underline}.oct-signup-art{position:relative;flex:1;min-width:0;overflow:hidden}.oct-signup-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 40px;font:400 13px/20px var(--oct-font);color:var(--oct-text)}.oct-splash{position:absolute;inset:0;overflow:hidden;background:var(--oct-paper)}.oct-splash-shape{position:absolute;width:36%;max-width:340px;aspect-ratio:1;height:auto}.oct-splash-words{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;align-items:flex-start;margin:0;font:600 clamp(44px,5vw,80px) / 1.12 var(--oct-font-display);letter-spacing:-.04em;color:var(--oct-ink-strong);transform:translate(-50%,-50%)}.oct-splash-words span{white-space:nowrap}.oct-splash-words mark{position:relative;margin-top:.08em;padding:0 .12em;white-space:nowrap;color:inherit;background:linear-gradient(color-mix(in oklch,var(--oct-lime) 38%,transparent),color-mix(in oklch,var(--oct-lime) 38%,transparent)) no-repeat 0 0 / 100% 100%;animation:oct-splash-select 9s ease-in-out infinite}.oct-splash-words mark i{position:absolute;top:0;bottom:0;width:4px;background:var(--oct-leaf)}.oct-splash-words mark i:after{content:"";position:absolute;left:50%;width:16px;height:16px;border-radius:50%;background:var(--oct-leaf);transform:translate(-50%)}.oct-splash-words mark i[data-end=start]{left:-2px}.oct-splash-words mark i[data-end=start]:after{top:-8px}.oct-splash-words mark i[data-end=end]{right:-2px}.oct-splash-words mark i[data-end=end]:after{bottom:-8px}.oct-splash-words mark i[data-end=end]{animation:oct-splash-caret 9s ease-in-out infinite}.oct-splash-shape{transform-origin:center;animation:oct-splash-turn 16s linear infinite}.oct-splash-shape[data-shape=clover]{animation:oct-splash-turn-back 28s linear infinite}.oct-splash-shape[data-shape=spark]{animation:oct-splash-breathe 7s ease-in-out infinite alternate}.oct-splash-shape[data-shape=flower]{animation:oct-splash-float 8s ease-in-out infinite alternate}@keyframes oct-splash-turn{to{transform:rotate(45deg)}}@keyframes oct-splash-turn-back{to{transform:rotate(-90deg)}}@keyframes oct-splash-breathe{to{transform:scale(1.08) rotate(10deg)}}@keyframes oct-splash-float{to{transform:translateY(-7%) rotate(-6deg)}}@keyframes oct-splash-select{0%{background-size:0 100%}14%,82%{background-size:100% 100%}94%,to{background-size:0 100%}}@keyframes oct-splash-caret{0%{right:100%}14%,82%{right:-2px}94%,to{right:100%}}html[data-rest] .oct-splash-shape,html[data-rest] .oct-splash-words mark,html[data-rest] .oct-splash-words mark i,html[data-motion=off] .oct-splash-shape,html[data-motion=off] .oct-splash-words mark,html[data-motion=off] .oct-splash-words mark i{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.oct-splash-shape,.oct-splash-words mark,.oct-splash-words mark i{animation:none}}@media(max-width:1023px){.oct-signup-art{display:none}}@media(max-width:767px){.oct-signup-side{padding:32px 24px 8px}.oct-signup-head h1{font-size:24px;line-height:32px}.oct-signup-body{padding-top:32px}.oct-signup-foot{flex-direction:column;padding:32px 20px}}