.sp-root{--sp-violet:#a855f7;--sp-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;position:relative;overflow:hidden}.sp-root:before{content:"";pointer-events:none;background:radial-gradient(circle,#a855f724,#0000 62%);width:60vw;max-width:54rem;height:60vw;max-height:54rem;position:absolute;inset:-10% auto auto -10%}.sp-root>*{position:relative}.sp-eyebrow,.sp-sublabel{font-family:var(--sp-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;font-size:.6875rem}.sp-eyebrow:before{content:"";vertical-align:middle;background:var(--sp-violet);width:1.5rem;height:1px;margin-right:.75rem;display:inline-block}.sp-sublabel{margin-bottom:.85rem}.sp-sublabel small,.sp-field label small{font-family:var(--sp-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff4d;margin-left:.4rem;font-size:.625rem}.sp-mode{background:#ffffff08;border:1px solid #ffffff1a;border-radius:999px;padding:.25rem;display:inline-flex}.sp-mode a{color:#ffffff8c;border-radius:999px;padding:.5rem 1rem;font-size:.8125rem;transition:color .3s,background-color .3s}.sp-mode a:hover{color:#fff}.sp-mode a[aria-current=page]{color:#fff;background:#a855f72e;box-shadow:inset 0 0 0 1px #a855f773}.sp-next{gap:1.5rem;display:grid;position:relative}.sp-next:before{content:"";background:linear-gradient(#a855f799,#ffffff0f);width:1px;position:absolute;top:.5rem;bottom:.5rem;left:.85rem}.sp-next li{gap:1.25rem;display:flex}.sp-next li>span{background:var(--studio-bg-deep,#050507);width:1.75rem;height:1.75rem;font-family:var(--sp-mono);color:#d8b4fe;border:1px solid #a855f773;border-radius:999px;flex:none;place-items:center;font-size:.625rem;display:grid;position:relative}.sp-panel{background:radial-gradient(ellipse 70% 50% at 100% 0%, #a855f71a, transparent 60%), linear-gradient(180deg, var(--studio-elevated), var(--studio-surface));border:1px solid #ffffff14;border-radius:1.5rem;padding:1.75rem 1.25rem;position:relative;box-shadow:0 40px 100px -60px #6231a499}.sp-panel:before{content:"";background:linear-gradient(90deg,#0000,#c084fcb3,#0000);height:1px;position:absolute;inset:0 1.5rem auto}@media (min-width:640px){.sp-panel{padding:2.5rem}}.sp-form{gap:2.5rem;display:grid}.sp-step{min-width:0}.sp-step+.sp-step{border-top:1px solid #ffffff0f;padding-top:2.5rem}.sp-step>:not(legend){clear:both}.sp-step__head{float:left;width:100%;font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;letter-spacing:-.015em;color:#fff;align-items:baseline;gap:.75rem;margin-bottom:1.25rem;padding:0;font-size:1.125rem;font-weight:600;display:flex}.sp-step__head span{font-family:var(--sp-mono);color:var(--sp-violet);font-size:.6875rem;font-weight:400}.sp-hint{color:#8c8c8c;margin:-.75rem 0 1rem;font-size:.8125rem}.sp-field{gap:.5rem;display:grid}.sp-field label{color:#d4d4d4;font-size:.8125rem}.sp-input{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:.75rem;outline:none;width:100%;height:2.875rem;padding:0 .95rem;font-size:.9375rem;transition:border-color .25s,background-color .25s,box-shadow .25s}.sp-input::placeholder{color:#ffffff47}.sp-input:hover{border-color:#ffffff2e}.sp-input:focus{background:#a855f70d;border-color:#a855f7b3;box-shadow:0 0 0 4px #a855f724}.sp-textarea{resize:vertical;height:auto;min-height:9rem;padding:.85rem .95rem;line-height:1.55}.sp-chips{flex-wrap:wrap;gap:.5rem;display:flex}.sp-chip{cursor:pointer;position:relative}.sp-chip input{opacity:0;cursor:pointer;position:absolute;inset:0}.sp-chip span{color:#d4d4d4;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.875rem;transition:border-color .25s,background-color .25s,color .25s;display:inline-flex}.sp-chip span:before{content:"";border:1px solid #ffffff4d;border-radius:999px;width:.45rem;height:.45rem;transition:background-color .25s,border-color .25s,box-shadow .25s}.sp-chip:hover span{color:#fff;border-color:#ffffff40}.sp-chip input:checked+span{color:#fff;background:#a855f724;border-color:#a855f799}.sp-chip input:checked+span:before{border-color:var(--sp-violet);background:var(--sp-violet);box-shadow:0 0 10px #a855f7cc}.sp-chip input:focus-visible+span{box-shadow:0 0 0 3px #a855f759}@media (prefers-reduced-motion:reduce){.sp-root *,.sp-root :before{transition:none!important}}
