.onboarding-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:start;padding:clamp(1.5rem,4vw,4rem);max-width:1400px;margin-inline:auto}.onboarding-story{max-width:540px}.onboarding-story h2{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.16;margin:.7rem 0 1.2rem;letter-spacing:-.04em}.onboarding-story>p{max-width:440px}.onboarding-art{display:block;max-width:100%;height:auto;margin:1rem auto .2rem;aspect-ratio:8/5}.onboarding-caption,.identity-help{font-size:.85rem;line-height:1.6;color:var(--muted,#9bb4c4)}.onboarding-benefits{display:grid;gap:.6rem;font-size:.85rem}.onboarding-benefits span{display:flex;gap:1rem;color:#5bc6d9}.onboarding-benefits strong{font-weight:500;color:var(--text,#eaf4fa)}.onboarding-form{min-width:0;max-width:520px;width:100%;justify-self:end}.onboarding-form h2{font-size:clamp(1.5rem,2.2vw,2rem);margin:.65rem 0}.onboarding-form form{display:grid;gap:1rem}.onboarding-form label{display:grid;gap:.45rem;font-size:.9rem}.onboarding-form input:not([type=checkbox]),.onboarding-form select,.onboarding-form textarea{width:100%;box-sizing:border-box;min-height:48px;border:1px solid #355769;border-radius:9px;background:var(--panel,#0b202c);color:inherit;font:inherit;padding:.8rem 1rem}.onboarding-form input:focus-visible,.onboarding-form select:focus-visible,.onboarding-form textarea:focus-visible{outline:2px solid #5bc6d9;outline-offset:3px}.onboarding-form .button{justify-content:space-between;width:100%;min-height:50px;margin:.25rem 0}.onboarding-form .identity-consent{display:flex;align-items:flex-start;gap:.65rem;font-size:.8rem;line-height:1.6}.identity-consent input{accent-color:#eeba61;width:18px;height:18px;flex-shrink:0;margin-top:3px}.onboarding-optional{border-bottom:1px solid #355769;padding:.3rem 0 .8rem}.onboarding-optional summary{cursor:pointer;font-size:.85rem}.onboarding-optional summary span{opacity:.65;margin-left:.5rem}.onboarding-optional label{margin-top:1rem}.identity-secondary{display:flex!important;flex-wrap:wrap;gap:.65rem 1.2rem!important;align-items:center;margin-top:1.4rem;font-size:.85rem}.identity-secondary form{display:block}.identity-secondary .text-link{background:none;border:0;padding:0;color:#5bc6d9;cursor:pointer;font:inherit}.identity-message:empty{display:none}.identity-message{padding:.8rem 1rem;border:1px solid #355769;border-radius:9px;font-size:.9rem}.identity-error{border-color:#dd916c;color:var(--text,#eaf4fa)}.identity-address,.identity-profile dd{overflow-wrap:anywhere}.otp-input{font-size:clamp(1.6rem,4vw,2.5rem)!important;letter-spacing:.45em;text-align:center;font-variant-numeric:tabular-nums}.passkey-note{border:1px solid #355769;border-radius:12px;padding:1.1rem;margin:1.5rem 0}.passkey-note p{margin-bottom:0;font-size:.9rem}.identity-profile{display:grid;gap:.3rem;margin:1.4rem 0}.identity-profile dt{font-size:.8rem;color:var(--muted,#9bb4c4);margin-top:.7rem}.identity-profile dd{margin:0}.account-menu{position:relative}.account-menu summary{display:flex;gap:.6rem;align-items:center;cursor:pointer;list-style:none;border:1px solid #355769;border-radius:12px;padding:.45rem .65rem}.account-menu summary::-webkit-details-marker{display:none}.account-menu svg{width:18px;height:18px}.account-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#234151;color:#eef8ff;font-weight:650;flex-shrink:0}.account-popover{position:absolute;right:0;top:calc(100% + 12px);width:min(330px,85vw);z-index:30;background:var(--panel,#10222f);border:1px solid #355769;border-radius:16px;padding:1rem;box-shadow:0 18px 50px #0006}.account-person{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid #355769}.account-person>div{min-width:0}.account-person strong,.account-person div>span{display:block;overflow-wrap:anywhere}.account-person div>span{font-size:.8rem;color:var(--muted,#9bb4c4);margin-top:.25rem}.account-popover>a,.account-popover button{display:flex;justify-content:space-between;width:100%;background:none;border:0;color:inherit;padding:.8rem .3rem;font:inherit;cursor:pointer;text-decoration:none}.account-popover form{border-top:1px solid #355769}.onboarding-status{grid-column:1/-1}.onboarding-status:empty{display:none}button:disabled{opacity:.6;cursor:wait}html[data-theme=light] .onboarding-form input:not([type=checkbox]),html[data-theme=light] .onboarding-form select,html[data-theme=light] .onboarding-form textarea,html[data-theme=light] .account-popover{background:#f5f9fc;color:#152b3b}html[data-theme=light] .onboarding-benefits strong{color:#152b3b}@media(max-width:760px){.onboarding-panel{grid-template-columns:1fr;gap:1.5rem}.onboarding-story{max-width:none}.onboarding-story h2{font-size:1.7rem}.onboarding-art{max-width:260px;margin:0 auto}.onboarding-story>p:not(.eyebrow){font-size:.9rem;margin-bottom:.5rem}.onboarding-benefits{display:none}.onboarding-form{max-width:none}.account-button-label{display:none}.onboarding-caption{display:none}.otp-input{letter-spacing:.35em}}@media(prefers-reduced-motion:reduce){.onboarding-panel *{scroll-behavior:auto;transition:none!important}}

.legal-page{max-width:960px;margin:3rem auto;padding:clamp(1.5rem,5vw,4rem)}.legal-page h1{font-size:2.5rem}.legal-page h2{font-size:1.3rem;margin-top:2rem}.legal-page p{line-height:1.8}
/* Keep focus evident inside the field, without the detached blue outline. */
.onboarding-form :is(input,select,textarea):focus{outline:none;outline-offset:0;border-color:#dba94e;box-shadow:inset 0 0 0 1px #dba94e}
.onboarding-form :is(input,select,textarea):focus-visible{outline:none;box-shadow:inset 0 0 0 2px #eeba61}
.onboarding-form [data-identity-focus]:focus{outline:none;box-shadow:none}
.onboarding-form :is(button,a,summary,input[type=checkbox]):focus-visible{outline:2px solid #eeba61;outline-offset:3px;box-shadow:none}
#registration-form button[type=submit]:disabled{cursor:not-allowed;opacity:.5;transform:none;filter:none;box-shadow:none}
#registration-form[data-submitting=true] button[type=submit]:disabled{cursor:wait}
.legal-drawer{position:fixed;inset:0 0 0 auto;z-index:50;width:min(640px,100%);height:100dvh;background:var(--panel,#0b202c);color:var(--text,#eaf4fa);border-left:1px solid var(--line,#355769);box-shadow:-16px 0 55px #0005;display:flex;flex-direction:column;transform:translateX(105%);visibility:hidden;transition:transform .24s ease,visibility 0s .24s;contain:layout}
.legal-drawer.is-open{transform:translateX(0);visibility:visible;transition:transform .24s ease}
.legal-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--line,#355769);flex-shrink:0}
.legal-drawer-header h2{font-size:1.25rem;margin:0}
.legal-drawer-close{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line,#355769);border-radius:9px;background:transparent;color:inherit;font-size:1.8rem;line-height:1;cursor:pointer}
.legal-drawer-close:focus-visible,.legal-drawer a:focus-visible{outline:2px solid #eeba61;outline-offset:3px}
.legal-drawer-content{padding:1.5rem;overflow:auto;overscroll-behavior:contain;min-height:0}
.legal-drawer .legal-page{padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;max-width:none}
.legal-drawer .legal-page h2{font-size:1.1rem;margin-top:1.6rem}
.legal-drawer .legal-page p{font-size:.9rem;line-height:1.8}
:root[data-theme=light] .legal-drawer{background:#f6fafc;color:#152b3b}
@media(prefers-reduced-motion:reduce){.legal-drawer,.legal-drawer.is-open{transition:none}}

.legal-drawer-content:focus-visible{outline:2px solid #eeba61;outline-offset:-2px}

#account-control{display:flex;align-items:center;gap:.4rem}.notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:40px;flex-shrink:0;color:var(--text,#eaf4fa);border-radius:8px}.notification-bell:focus-visible{outline:2px solid #5bc6d9;outline-offset:3px}.notification-count{position:absolute;top:0;right:-4px;background:#efbb63;color:#07131c;border-radius:12px;min-width:17px;padding:1px 4px;font-size:.7rem;text-align:center}.notification-count[hidden]{display:none}.invitation-list{display:grid;gap:1rem;max-height:65vh;overflow:auto}.invitation-card{border:1px solid #355769;border-radius:12px;padding:1rem}.invitation-card h3{margin:.3rem 0;overflow-wrap:anywhere}.invitation-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.invitation-actions form{margin:0}.invitation-actions .text-link{background:none;border:0;color:inherit;cursor:pointer;font:inherit;min-height:44px}.onboarding-form details>summary{cursor:pointer;min-height:36px}#invite-recipient p{font-size:.85rem;color:var(--muted,#9bb4c4)}@media(max-width:420px){.account-menu summary{padding:.3rem}.account-menu summary>svg{display:none}#account-control{gap:.15rem}.notification-bell{width:28px}}