.hub-onboarding-screen{--hub-onboarding-ivory:#fff9f2;--hub-onboarding-powder:#f6e7ec;--hub-onboarding-wine:#861c45;--hub-onboarding-plum:#21101f;--hub-onboarding-muted:#735b69;--hub-onboarding-focus:#e79abb;isolation:isolate;min-height:100svh;padding:max(1rem, env(safe-area-inset-top,0px)) max(1rem, env(safe-area-inset-right,0px)) max(1rem, env(safe-area-inset-bottom,0px)) max(1rem, env(safe-area-inset-left,0px));background:radial-gradient(circle at 8% 8%, #e79abb4d, transparent 23rem), radial-gradient(circle at 92% 92%, #861c4521, transparent 27rem), var(--hub-onboarding-ivory);color:var(--hub-onboarding-plum);font-family:var(--font-body), "Segoe UI", sans-serif;place-items:center;display:grid;position:relative;overflow:hidden}.hub-onboarding-screen:before,.hub-onboarding-screen:after{z-index:-1;content:"";border:1px solid #861c451f;border-radius:999px;position:absolute}.hub-onboarding-screen:before{width:13rem;height:13rem;top:-5rem;right:-4rem}.hub-onboarding-screen:after{width:18rem;height:18rem;bottom:-7rem;left:-6rem}.hub-onboarding-route{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #861c4529;border-radius:1.35rem;gap:1.75rem;width:min(100%,46rem);padding:clamp(1.35rem,5vw,3rem);display:grid;box-shadow:0 1.5rem 4rem #4012301f,inset 0 1px #ffffffe6}.hub-onboarding-header,.hub-onboarding-form,.hub-onboarding-field,.hub-onboarding-interests{display:grid}.hub-onboarding-header{gap:.65rem}.hub-onboarding-eyebrow,.hub-onboarding-intro,.hub-onboarding-selection-count,.hub-onboarding-error{margin:0}.hub-onboarding-eyebrow{color:var(--hub-onboarding-wine);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;font-weight:900}.hub-onboarding-route h1{max-width:15ch;color:var(--hub-onboarding-plum);font-family:var(--font-hub-display), var(--font-body), sans-serif;letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.35rem,10vw,4.4rem);font-weight:500;line-height:.96}.hub-onboarding-intro{max-width:42rem;color:var(--hub-onboarding-muted);font-size:clamp(.95rem,3.2vw,1.08rem);line-height:1.55}.hub-onboarding-form{gap:1.35rem}.hub-onboarding-field{gap:.5rem}.hub-onboarding-field label,.hub-onboarding-interests legend{color:var(--hub-onboarding-plum);letter-spacing:.04em;font-size:.82rem;font-weight:900}.hub-onboarding-field input{background:var(--hub-onboarding-ivory);width:100%;min-height:3.25rem;color:var(--hub-onboarding-plum);font:inherit;border:1px solid #861c453d;border-radius:.8rem;outline:none;padding:.75rem .9rem;font-size:1rem;transition:border-color .16s,box-shadow .16s,background-color .16s}.hub-onboarding-field input::placeholder{color:#9a7d8c}.hub-onboarding-field input:focus-visible{border-color:var(--hub-onboarding-wine);background:#fff;box-shadow:0 0 0 4px #e79abb47}.hub-onboarding-interests{border:0;grid-template-columns:minmax(0,1fr) auto;gap:.65rem 1rem;margin:0;padding:0}.hub-onboarding-interests legend{padding:0}.hub-onboarding-selection-count{background:var(--hub-onboarding-powder);color:var(--hub-onboarding-wine);white-space:nowrap;border-radius:999px;justify-self:end;padding:.25rem .6rem;font-size:.72rem;font-weight:900}.hub-onboarding-interest-grid{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.hub-onboarding-interest{background:var(--hub-onboarding-ivory);min-width:0;min-height:3rem;color:var(--hub-onboarding-plum);cursor:pointer;border:1px solid #861c4529;border-radius:.75rem;align-items:center;gap:.55rem;padding:.65rem .75rem;font-size:.82rem;font-weight:800;line-height:1.2;transition:border-color .16s,box-shadow .16s,color .16s,transform .16s;display:flex;position:relative}.hub-onboarding-interest input{z-index:1;opacity:0;width:100%;height:100%;cursor:inherit;margin:0;position:absolute;inset:0}.hub-onboarding-interest-marker{color:#0000;border:1px solid #861c4547;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.3rem;height:1.3rem;font-size:.72rem;font-weight:900;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.hub-onboarding-interest:hover{border-color:#861c4561;transform:translateY(-1px)}.hub-onboarding-interest:has(input:focus-visible){border-color:var(--hub-onboarding-wine);box-shadow:0 0 0 3px #e79abb4d}.hub-onboarding-interest.is-selected{border-color:var(--hub-onboarding-wine);background:var(--hub-onboarding-powder);color:var(--hub-onboarding-wine);box-shadow:inset 0 0 0 1px #861c4514}.hub-onboarding-interest.is-selected .hub-onboarding-interest-marker{border-color:var(--hub-onboarding-wine);background:var(--hub-onboarding-wine);color:#fff}.hub-onboarding-error{color:#7b1831;background:#fff0f2;border-left:3px solid #a32a49;border-radius:.4rem;padding:.65rem .75rem;font-size:.82rem;font-weight:800;line-height:1.4}.hub-onboarding-submit{border:1px solid var(--hub-onboarding-wine);background:var(--hub-onboarding-wine);color:#fff;cursor:pointer;width:100%;min-height:3.35rem;font:inherit;border-radius:.85rem;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;font-weight:900;transition:box-shadow .16s,opacity .16s,transform .16s;display:inline-flex;box-shadow:0 .85rem 1.8rem #861c4533}.hub-onboarding-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 1rem 2.2rem #861c4545}.hub-onboarding-submit:focus-visible{outline:3px solid var(--hub-onboarding-focus);outline-offset:3px}.hub-onboarding-submit:disabled{cursor:wait;opacity:.64}@media (min-width:640px){.hub-onboarding-screen{padding:2.5rem}.hub-onboarding-route{gap:2rem}.hub-onboarding-interest-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:359px){.hub-onboarding-interests{grid-template-columns:minmax(0,1fr)}.hub-onboarding-selection-count{justify-self:start}.hub-onboarding-interest-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.hub-onboarding-field input,.hub-onboarding-interest,.hub-onboarding-interest-marker,.hub-onboarding-submit{transition:none}}