.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{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(--surf) 10%, transparent) inset, 0 40px 90px -30px #000000bf;text-align:center;padding:clamp(1.75rem,1.4rem + 1.6vw,2.5rem);position:relative}.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:1.1rem;display:grid}.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__lede{margin-top:.7rem;max-width:30ch;color:var(--mist);font-size:var(--step--1);margin-inline:auto;line-height:1.55}.gate__lede strong{color:var(--surf);overflow-wrap:anywhere;font-weight:600}.gate__form,.gate__done{text-align:left;gap:.75rem;margin-top:1.5rem;display:grid}.gate__done{text-align:center;justify-items:center}.gate__label{font-size:var(--step--1);color:var(--mist-dim)}.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:-.25rem 0 0}.gate__check{cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:.7rem;margin-top:.35rem;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:.4rem;font-family:inherit}.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;display:block}@keyframes gate-spin{to{transform:rotate(360deg)}}.gate__fine{font-size:var(--step--1);color:var(--mist-dim);margin-top:.2rem;line-height:1.5}.gate__fine a{color:var(--mist)}.gate[open] .gate__panel{animation:.42s 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] .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}}.gate__tick-path{stroke-dasharray:30;stroke-dashoffset:30px;animation:.45s cubic-bezier(.16,1,.3,1) .12s both gate-draw}@media (prefers-reduced-motion:reduce){.gate[open] .gate__panel,.gate[open] .gate__ring,.gate[open] .gate__arrow,.gate__tick-path,.gate.is-sending .gate__spinner{animation:none}.gate[open] .gate__ring,.gate__tick-path{stroke-dashoffset:0}.gate::backdrop{transition:none}}
