.gate{color:var(--surf);background:0 0;border:0;block-size:fit-content;max-block-size:calc(100vh - 2rem);inline-size:min(30rem,100vw - 2rem);margin:auto;padding:0;overflow:visible}.gate [hidden]{display:none}.gate::backdrop{background:color-mix(in srgb, var(--abyss) 62%, transparent);-webkit-backdrop-filter:blur(18px)saturate(120%);transition:opacity .32s ease, display .32s allow-discrete, overlay .32s allow-discrete}@starting-style{.gate[open]::backdrop{opacity:0}}.gate__panel{isolation:isolate;border-radius:var(--radius);border:1px solid var(--line-strong);background:radial-gradient(120% 90% at 12% 0%, color-mix(in srgb, var(--shelf-soft) 60%, transparent), transparent 60%), var(--shelf);box-shadow:0 1px 0 color-mix(in srgb, var(--frond) 18%, transparent) inset, 0 40px 90px -30px #000000bf;text-align:center;padding:clamp(1.85rem,1.4rem + 2vw,2.75rem);position:relative;overflow:hidden}.gate__panel:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(343deg, transparent 42%, color-mix(in srgb, var(--field-light) 5%, transparent) 50%, transparent 58%), radial-gradient(38% 30% at 26% 24%, color-mix(in srgb, var(--frond) 7%, transparent), transparent 70%), radial-gradient(34% 28% at 76% 72%, color-mix(in srgb, var(--tide) 9%, transparent), transparent 70%);position:absolute;inset:-35%}.gate[open] .gate__panel:before{animation:38s ease-in-out infinite alternate gate-drift}@keyframes gate-drift{0%{transform:translate(-2.5%,-2%)}to{transform:translate(2.5%,2%)}}.gate__dismiss{z-index:1;position:absolute;top:.75rem;right:.75rem}.gate__dismiss button{block-size:2rem;inline-size:2rem;color:var(--mist-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:color .2s,background .2s;display:grid}.gate__dismiss button:hover{color:var(--surf);background:color-mix(in srgb, var(--surf) 8%, transparent)}.gate__mark,.gate__tick{place-items:center;margin-bottom:.9rem;display:grid;position:relative}.gate__mark:before,.gate__tick:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--bloom) 20%, transparent), transparent 70%);opacity:.25;border-radius:50%;block-size:5.5rem;inline-size:5.5rem;position:absolute}.gate[open] .gate__mark:before,.gate[open] .gate__tick:before{animation:7s ease-in-out 1.2s infinite gate-breathe}@keyframes gate-breathe{0%,to{opacity:.25;transform:scale(.92)}50%{opacity:.6;transform:scale(1.05)}}.gate__title{font-family:var(--font-display);font-weight:300;font-size:var(--step-2);letter-spacing:-.02em;color:var(--surf);line-height:1.15}.gate__title em{color:var(--accent-type);font-style:italic;font-weight:200}.gate__lede{margin-top:.7rem;max-width:34ch;color:var(--mist);margin-inline:auto;font-size:clamp(.89rem,.86rem + .15vw,.95rem);line-height:1.6}.gate__lede strong{color:var(--surf);overflow-wrap:anywhere;font-weight:600}.gate__form{text-align:left;gap:.55rem;margin-top:1.9rem;display:grid}.gate__done{text-align:center;justify-items:center;gap:.75rem;display:grid}.gate__done .gate__lede{margin-top:0}.gate__label{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.14em;text-transform:uppercase;color:var(--label);font-weight:500}.gate__input{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--abyss) 55%, transparent);inline-size:100%;color:var(--surf);font:inherit;font-size:var(--step-0);border-radius:10px;padding:.8rem 1rem;transition:border-color .2s,box-shadow .2s}.gate__input::placeholder{color:var(--mist-dim)}.gate__input:focus-visible{border-color:var(--accent-type);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-type) 22%, transparent);outline:none}.gate.is-invalid .gate__input{border-color:#e2725b}.gate__error{font-size:var(--step--1);color:#f0a08c;margin:-.1rem 0 0}.gate__check{cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:.7rem;margin-top:.55rem;display:grid}.gate__check input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.gate__check-box{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--abyss) 55%, transparent);block-size:1.15rem;inline-size:1.15rem;color:var(--ink-on-accent);border-radius:5px;place-items:center;margin-top:.1rem;transition:background .18s,border-color .18s;display:grid}.gate__check-box svg{opacity:0;transition:opacity .15s,transform .18s cubic-bezier(.2,1.4,.4,1);transform:scale(.6)}.gate__check input:checked+.gate__check-box{background:var(--accent-type);border-color:var(--accent-type)}.gate__check input:checked+.gate__check-box svg{opacity:1;transform:scale(1)}.gate__check input:focus-visible+.gate__check-box{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent-type) 22%, transparent)}.gate__check-text{font-size:var(--step--1);color:var(--mist);line-height:1.45}.gate__check-text span{color:var(--mist-dim);margin-top:.15rem;display:block}.gate__submit{cursor:pointer;justify-content:center;inline-size:100%;margin-top:.9rem;font-family:inherit}.gate__submit:not(.button--ghost){box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surf) 35%, transparent), 0 14px 34px -16px var(--button-glow)}.gate__submit:not(.button--ghost):hover{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--surf) 35%, transparent), 0 0 44px -6px var(--button-glow)}.gate__submit[disabled]{cursor:progress;opacity:.75}.gate__spinner{border:2px solid color-mix(in srgb, var(--ink-on-accent) 30%, transparent);border-top-color:var(--ink-on-accent);border-radius:50%;align-self:center;block-size:.95rem;inline-size:.95rem;display:none}.gate.is-sending .gate__spinner{animation:.7s linear infinite gate-spin,.2s both gate-appear;display:block}.gate.is-sending [data-gate-submit-label]{opacity:.85}@keyframes gate-spin{to{transform:rotate(360deg)}}@keyframes gate-appear{0%{opacity:0}}.gate[open] .gate__panel{animation:.38s cubic-bezier(.16,1,.3,1) both gate-rise}@keyframes gate-rise{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.gate[open] [data-gate-ask]>*{animation:.55s cubic-bezier(.16,1,.3,1) both gate-settle}.gate[open] [data-gate-ask]>:first-child{animation-delay:50ms}.gate[open] [data-gate-ask]>:nth-child(2){animation-delay:.1s}.gate[open] [data-gate-ask]>:nth-child(3){animation-delay:.15s}.gate[open] [data-gate-ask]>:nth-child(4){animation-delay:.2s}@keyframes gate-settle{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.gate[open] .gate__ring{stroke-dasharray:132;stroke-dashoffset:132px;animation:.75s cubic-bezier(.16,1,.3,1) .1s both gate-draw}.gate[open] .gate__arrow{animation:.5s cubic-bezier(.16,1,.3,1) .45s both gate-drop}@keyframes gate-draw{to{stroke-dashoffset:0}}@keyframes gate-drop{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}[data-gate-ask]{transition:opacity .14s,transform .14s}.gate.is-sent [data-gate-ask]{opacity:0;transform:translateY(-8px)}.gate__done>*{animation:.5s cubic-bezier(.16,1,.3,1) both gate-settle}.gate__done>:nth-child(2){animation-delay:60ms}.gate__done>:nth-child(3){animation-delay:.12s}.gate__done>:nth-child(4){animation-delay:.18s}.gate__done>:nth-child(5){animation-delay:.24s}.gate__tick circle{stroke-dasharray:132;stroke-dashoffset:132px;animation:.55s cubic-bezier(.16,1,.3,1) both gate-draw}.gate__tick-path{stroke-dasharray:30;stroke-dashoffset:30px;animation:.45s cubic-bezier(.16,1,.3,1) .38s both gate-draw}@media (prefers-reduced-motion:reduce){.gate[open] .gate__panel,.gate[open] [data-gate-ask]>*,.gate[open] .gate__ring,.gate[open] .gate__arrow,.gate[open] .gate__panel:before,.gate[open] .gate__mark:before,.gate[open] .gate__tick:before,.gate__done>*,.gate__tick circle,.gate__tick-path,.gate.is-sending .gate__spinner{animation:none}.gate[open] .gate__ring,.gate__tick circle,.gate__tick-path{stroke-dashoffset:0}[data-gate-ask],.gate::backdrop{transition:none}}