html:has(.registration-landing){--stage-background:var(--color-landing-background)}.registration-landing{min-height:100vh;padding-block:env(safe-area-inset-top,0) calc(var(--space-16) + var(--space-10) + env(safe-area-inset-bottom,0));isolation:isolate;font-family:var(--font-body);line-height:1.5}.registration-landing .header-wrap,.landing-content{z-index:1;width:100%;max-width:var(--size-landing-width);padding-inline:var(--space-4);margin-inline:auto;position:relative}.registration-landing .header-wrap{z-index:20;top:auto}.registration-landing .header{padding:var(--radius-md) 0 calc(var(--space-3) / 2);height:auto;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;display:grid;position:relative}.registration-landing .brand{align-items:center;gap:calc(var(--space-3) / 2);padding:var(--space-1) calc(var(--space-3) / 2);border-radius:var(--radius-sm);width:auto;min-width:0;transition:opacity var(--duration-base);flex-direction:column;grid-column:2;text-decoration:none;display:flex}.registration-landing .brand-mark{width:var(--size-control-icon);height:auto;display:block}.registration-landing .brand-word{width:calc(var(--size-control-icon) * 2);height:auto;display:block}.registration-landing .brand:hover{opacity:.82}.registration-landing .brand:active{opacity:.65}.registration-landing .header .ui-button{grid-column:3;justify-self:end}.registration-landing .header .header-account-label{display:inline}.landing-registration{gap:var(--space-4);margin-top:calc(var(--space-7) + var(--space-1) / 2);grid-template-columns:minmax(0,1fr);display:grid}.landing-registration .sr-only{width:var(--size-border-width);height:var(--size-border-width);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}.landing-email-notice{color:var(--color-feedback-info-text);font-size:var(--text-compact);grid-column:1/-1}.landing-role{--landing-accent:var(--color-landing-mentor);--landing-glow-accent:var(--color-sky-violet);border-radius:var(--radius-3xl);min-width:0;padding:calc(var(--space-7) + var(--space-1) / 2) var(--radius-panel) calc(var(--space-6) + var(--space-1) / 2);background:linear-gradient(180deg, var(--color-landing-panel-top), var(--color-landing-panel-bottom));border:var(--size-border-width) solid color-mix(in srgb, var(--color-sky-white) 12%, transparent);box-shadow:var(--shadow-landing-card), inset 0 var(--size-border-width) 0 color-mix(in srgb, var(--color-sky-white) 5%, transparent);-webkit-backdrop-filter:blur(var(--blur-landing-card)) saturate(1.3);backdrop-filter:blur(var(--blur-landing-card)) saturate(1.3);text-align:center;align-items:center;gap:var(--space-4);color:var(--color-landing-signal);transition:border-color var(--duration-medium), transform var(--duration-medium) var(--ease-standard);flex-direction:column;text-decoration:none;display:flex;position:relative}.landing-role-parent{--landing-accent:var(--color-sky-cyan);--landing-glow-accent:var(--color-sky-cyan)}.landing-role-student{--landing-accent:var(--color-sky-mint);--landing-glow-accent:var(--color-sky-mint)}.landing-role:before{content:"";left:var(--space-6);right:var(--space-6);top:calc(-1 * var(--size-border-width));height:var(--size-border-width);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--landing-glow-accent) 85%, transparent), transparent);position:absolute}.landing-role[href]:hover{color:var(--color-landing-signal);border-color:color-mix(in srgb, var(--landing-glow-accent) 45%, transparent);transform:translateY(calc(var(--space-1) * -.75))}.landing-role:focus-visible,.registration-landing .brand:focus-visible{outline:var(--size-focus-ring-width) solid var(--color-sky-mint);outline-offset:var(--space-1)}.landing-role-title{font:500 var(--text-landing-title)/1.2 var(--font-landing);color:var(--color-landing-signal);letter-spacing:-.01em;margin:0}.landing-role-copy{width:100%;margin-bottom:calc(var(--space-3) / 2);text-align:center;overflow-wrap:anywhere;border-radius:var(--radius-panel);padding:var(--radius-md) var(--text-control) var(--text-control);background:color-mix(in srgb, var(--color-sky-white) 5%, transparent);border:var(--size-border-width) solid color-mix(in srgb, var(--color-sky-white) 13%, transparent);opacity:0;transform:translateY(calc(var(--space-3) / 2));animation:landing-say var(--duration-landing-say) var(--ease-standard) var(--duration-medium) forwards;position:relative}.landing-role>.landing-portrait{margin-bottom:calc(-1 * var(--space-1));width:var(--size-landing-guide);height:var(--size-landing-guide);filter:drop-shadow(0 0 var(--size-landing-portrait-glow) color-mix(in srgb, var(--landing-glow-accent) 35%, transparent));display:block;position:static;overflow:visible}.landing-agent-name{font:400 var(--text-xs)/1.3 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--landing-accent)}.landing-agent-greeting{margin-top:calc(var(--space-5) / 4);font-size:var(--text-base);color:var(--color-landing-signal);font-weight:600;line-height:1.34}.landing-role-description{margin-top:calc(var(--space-3) / 4);font-size:calc(var(--text-xs) + var(--text-base) / 8);color:var(--color-landing-muted);line-height:1.5}.landing-role-parent .landing-role-copy{animation-delay:calc(var(--duration-slow) + var(--duration-base) / 4)}.landing-role-mentor .landing-role-copy{animation-delay:calc(var(--duration-base) * 4)}@keyframes landing-say{to{opacity:1;transform:none}}.landing-role-action{width:100%;max-width:calc(var(--space-10) * 8);justify-content:center;align-items:center;gap:var(--radius-xs);min-height:var(--size-control-landing);padding:0 var(--space-7);border-radius:var(--radius-full);background:linear-gradient(135deg, color-mix(in srgb, var(--landing-glow-accent) 30%, transparent), color-mix(in srgb, var(--landing-glow-accent) 10%, transparent));border:var(--size-border-width) solid color-mix(in srgb, var(--landing-glow-accent) 85%, transparent);color:var(--color-landing-signal);font:600 var(--text-control)/1 var(--font-body);box-shadow:0 0 0 0 transparent, 0 var(--space-3) calc(var(--space-7) + var(--space-1) / 2) calc(-1 * var(--radius-md)) color-mix(in srgb, var(--landing-glow-accent) 80%, transparent);transition:background var(--duration-base), border-color var(--duration-base), color var(--duration-base);margin-top:auto;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.landing-role[href] .landing-role-action{animation:landing-breathe var(--duration-landing-breathe) var(--ease-ambient) infinite}.landing-role[href] .landing-role-action:after{content:"";background:linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--color-sky-white) 22%, transparent) 50%, transparent 70%);animation:landing-sheen var(--duration-ambient) var(--ease-ambient) infinite;position:absolute;inset:0;transform:translate(-120%)}.landing-role-action svg{width:var(--radius-xl);height:var(--radius-xl);transition:transform var(--duration-base)}.landing-role-parent .landing-role-action{animation-delay:calc(var(--duration-ambient) / 4)}.landing-role-parent .landing-role-action:after{animation-delay:calc(var(--duration-ambient) / 3)}.landing-role[href]:hover .landing-role-action{background:linear-gradient(135deg, color-mix(in srgb, var(--landing-glow-accent) 45%, transparent), color-mix(in srgb, var(--landing-glow-accent) 18%, transparent));border-color:var(--landing-accent)}.landing-role[href]:hover .landing-role-action svg{transform:translateX(calc(var(--space-3) / 4))}.landing-role[href]:active .landing-role-action{background:var(--landing-accent);color:var(--color-landing-background)}.landing-role-action:disabled{opacity:.5;pointer-events:none}.landing-sky{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.landing-curtain{filter:blur(var(--blur-landing-aurora));opacity:.55;border-radius:50%;position:absolute}.landing-curtain-teal{background:radial-gradient(closest-side, color-mix(in srgb, var(--color-sky-mint) 30%, transparent), transparent);width:90%;height:46%;animation:landing-drift var(--duration-landing-mint) var(--ease-ambient) infinite alternate;top:-18%;left:-20%}.landing-curtain-violet{background:radial-gradient(closest-side, color-mix(in srgb, var(--color-sky-violet) 42%, transparent), transparent);width:85%;height:52%;animation:landing-drift var(--duration-landing-violet) var(--ease-ambient) infinite alternate-reverse;top:-6%;right:-25%}.landing-curtain-blue{background:radial-gradient(closest-side, color-mix(in srgb, var(--color-sky-cyan) 16%, transparent), transparent);width:90%;height:50%;animation:landing-drift var(--duration-landing-cyan) var(--ease-ambient) infinite alternate;bottom:-25%;left:10%}.landing-hex{opacity:.8;width:100%;height:100%;-webkit-mask-image:radial-gradient(120% 90% at 50% 45%, var(--color-scrim-black) 30%, transparent 90%);-webkit-mask-image:radial-gradient(120% 90% at 50% 45%, var(--color-scrim-black) 30%, transparent 90%);mask-image:radial-gradient(120% 90% at 50% 45%, var(--color-scrim-black) 30%, transparent 90%);position:absolute;inset:0}.landing-living{width:100%;height:var(--size-landing-living);position:absolute;top:0;left:0}.landing-living-trail{stroke-dasharray:6 900;animation:landing-flow var(--duration-landing-flow) var(--ease-linear) infinite}.landing-stars{background-image:radial-gradient(var(--size-border-width) var(--size-border-width) at var(--space-6) var(--size-control-small), var(--color-sky-white), transparent), radial-gradient(var(--size-border-width) var(--size-border-width) at calc(var(--size-landing-stars) * 132 / 290) calc(var(--size-landing-stars) * 92 / 290), var(--color-sky-blue), transparent), radial-gradient(calc(var(--size-border-width) * 1.2) calc(var(--size-border-width) * 1.2) at calc(var(--size-landing-stars) * 210 / 290) calc(var(--size-landing-stars) * 170 / 290), var(--color-sky-white), transparent), radial-gradient(var(--size-border-width) var(--size-border-width) at calc(var(--size-landing-stars) * 70 / 290) calc(var(--size-landing-stars) * 210 / 290), var(--color-sky-cyan), transparent), radial-gradient(var(--size-border-width) var(--size-border-width) at calc(var(--size-landing-stars) * 180 / 290) var(--space-6), var(--color-sky-lilac), transparent);background-size:var(--size-landing-stars) var(--size-landing-stars);opacity:.4;position:absolute;inset:0}@keyframes landing-flow{to{stroke-dashoffset:-906px}}@keyframes landing-drift{0%{transform:translate(-3%)scale(1)}to{transform:translate(4%,3%)scale(1.07)}}@keyframes landing-breathe{0%,to{box-shadow:0 0 0 0 transparent, 0 var(--space-3) calc(var(--space-7) + var(--space-1) / 2) calc(-1 * var(--radius-md)) color-mix(in srgb, var(--landing-glow-accent) 80%, transparent)}50%{box-shadow:0 0 var(--space-7) calc(-1 * var(--space-1)) color-mix(in srgb, var(--landing-glow-accent) 55%, transparent), 0 var(--space-3) calc(var(--space-7) + var(--space-1) / 2) calc(-1 * var(--radius-md)) color-mix(in srgb, var(--landing-glow-accent) 80%, transparent)}}@keyframes landing-sheen{0%,70%{transform:translate(-120%)}to{transform:translate(120%)}}@media (min-width:45em){.landing-registration{gap:var(--radius-panel);grid-template-columns:repeat(auto-fit,minmax(18.125rem,1fr))}}@media (min-width:47.5em){.registration-landing .header-wrap,.landing-content{padding-inline:var(--space-7)}.registration-landing .brand-mark{width:var(--size-control-landing)}.registration-landing .brand-word{width:calc(var(--size-control-landing) * 2)}.registration-landing .header-account-label{display:inline}}@media (min-width:56.25em){.landing-registration{margin-top:var(--space-12)}.landing-role-title{font-size:var(--text-landing-title-desktop)}.landing-role>.landing-portrait{width:var(--size-landing-guide-desktop);height:var(--size-landing-guide-desktop)}}.landing-hero{text-align:center;padding:var(--space-7) var(--space-1) 0}.landing-hero h1{font:500 var(--text-landing-hero)/1.18 var(--font-landing);letter-spacing:-.01em;color:var(--color-landing-signal);margin:0}.landing-hero p{margin:var(--space-3) auto 0;max-width:30em;font-size:var(--text-base);color:var(--color-landing-muted);font-weight:500;line-height:1.55}.landing-slogan{margin-top:var(--space-1);max-width:var(--size-landing-menu);text-align:center;font-size:var(--text-xs);letter-spacing:.16em;text-transform:uppercase;background:linear-gradient(90deg, var(--color-sky-mint), var(--color-sky-cyan) 50%, var(--color-landing-mentor));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:500;line-height:1.35}.registration-landing .landing-burger{width:var(--size-control-default);min-width:var(--size-control-default);height:var(--size-control-default);border-radius:var(--radius-full);border-color:color-mix(in srgb, var(--color-sky-mint) 45%, transparent);background:color-mix(in srgb, var(--color-landing-menu) 80%, transparent);color:var(--color-landing-signal);padding:0}.registration-landing .landing-burger:hover,.registration-landing .landing-burger[aria-expanded=true]{background:color-mix(in srgb, var(--color-sky-mint) 12%, var(--color-landing-menu));border-color:var(--color-sky-mint)}.registration-landing .landing-burger:active{background:color-mix(in srgb, var(--color-sky-mint) 22%, var(--color-landing-menu))}.landing-menu{top:calc(100% + var(--space-1));width:var(--size-landing-menu);max-width:100%;padding:var(--radius-xs);gap:var(--space-1);border-radius:var(--radius-xl);background:var(--color-landing-menu);border:var(--size-border-width) solid color-mix(in srgb, var(--color-landing-grid) 22%, transparent);box-shadow:var(--shadow-overlay);max-height:calc(100dvh - var(--size-landing-guide));flex-direction:column;display:flex;position:absolute;right:0;overflow-y:auto}.landing-menu[hidden]{display:none}@media (max-width:32.5em){.registration-landing .header{grid-template-columns:var(--size-control-default) minmax(0, 1fr) var(--size-control-default)}.landing-slogan{font-size:calc(var(--text-xs) - var(--size-border-width));letter-spacing:.1em}.landing-menu{width:auto;left:0}}@media (min-width:47.5em){.landing-hero{padding-top:calc(var(--space-12) + var(--space-1))}.landing-hero h1{font-size:var(--text-landing-hero-desktop)}.landing-slogan{white-space:nowrap;letter-spacing:.2em;max-width:none}}@media (prefers-reduced-motion:reduce){.landing-curtain,.landing-living-trail,.landing-role[href] .landing-role-action,.landing-role[href] .landing-role-action:after,.landing-role-copy{animation:none}.landing-role-copy{opacity:1;transform:none}.landing-role,.landing-role-action,.landing-role-action svg,.registration-landing .brand{transition:none}}