body:has(.gate-page){background:radial-gradient(circle at 16% 12%,rgba(224,235,228,.9),transparent 34rem),radial-gradient(circle at 88% 86%,rgba(246,239,215,.72),transparent 27rem),var(--paper)}body:has(.gate-page) .site-footer{display:none}.gate-page{position:relative;isolation:isolate;display:grid;min-height:100dvh;place-items:center;overflow:hidden;padding:max(2rem,env(safe-area-inset-top)) 1rem max(2rem,env(safe-area-inset-bottom))}.gate-page:before{inset:0;z-index:-2;background-image:radial-gradient(rgba(69,93,81,.09) .7px,transparent 0);background-size:19px 19px;content:"";mask-image:linear-gradient(135deg,black,transparent 72%)}.gate-orbit,.gate-page:before{position:absolute;pointer-events:none}.gate-orbit{z-index:-1;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent);border-radius:50%}.gate-orbit:after{position:absolute;width:.55rem;height:.55rem;border-radius:50%;background:color-mix(in srgb,var(--accent) 50%,var(--paper));box-shadow:0 0 0 .35rem color-mix(in srgb,var(--accent-soft) 52%,transparent);content:""}.gate-orbit-one{top:-9rem;right:-11rem;width:25rem;height:25rem;transform:rotate(24deg)}.gate-orbit-one:after{right:2.7rem;bottom:3.8rem}.gate-orbit-two{bottom:-12rem;left:-13rem;width:27rem;height:27rem}.gate-orbit-two:after{top:4.8rem;right:3.3rem}.gate-shell{width:min(100%,30rem);animation:gate-arrive .72s cubic-bezier(.22,1,.36,1) both}.gate-intro{position:relative;padding:0 .25rem 1.6rem}.gate-kicker{display:flex;align-items:center;gap:.55rem;color:var(--muted-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.66rem;letter-spacing:.13em}.gate-kicker span{display:grid;width:1.8rem;height:1.8rem;place-items:center;border:1px solid var(--line-strong);border-radius:50%;color:var(--accent-strong);letter-spacing:0}.gate-title{max-width:100%;margin-top:1.35rem;color:var(--ink);font-size:clamp(2.15rem,10.5vw,3.7rem);line-height:1.08}.gate-title .playful-heading-text{flex-wrap:nowrap}.gate-copy{max-width:20rem;margin-top:.9rem;color:var(--muted);font-size:.92rem;line-height:1.8}.gate-cat{position:absolute;right:-.35rem;bottom:.8rem;width:4.9rem;height:auto;filter:drop-shadow(0 8px 13px rgba(66,82,73,.09));transform:rotate(3deg)}.gate-paper{position:relative;border:1px solid color-mix(in srgb,var(--line-strong) 88%,transparent);border-radius:1.35rem;background:linear-gradient(rgba(255,255,255,.22),rgba(255,255,255,0)),color-mix(in srgb,var(--surface-solid) 96%,var(--warm-soft));padding:1.65rem 1.25rem 1.05rem;box-shadow:0 24px 70px rgba(50,72,61,.1),inset 0 2px 0 rgba(255,255,255,.82)}.gate-paper:before{position:absolute;inset:.52rem;border:1px dashed color-mix(in srgb,var(--line) 70%,transparent);border-radius:1rem;content:"";pointer-events:none}.gate-paper-tape{position:absolute;top:-.55rem;left:50%;width:4.7rem;height:1.15rem;transform:translateX(-50%) rotate(-1.5deg);background:rgba(229,217,172,.56);clip-path:polygon(3% 9%,97% 0,94% 91%,2% 100%);content:""}.gate-form{position:relative;z-index:1}.gate-label{display:block;margin-bottom:.6rem;color:var(--accent-strong);font-size:.73rem;font-weight:700;letter-spacing:.07em}.gate-input-shell{position:relative;display:flex;align-items:center;border:1px solid var(--line-strong);border-radius:.95rem;background:rgba(255,255,253,.82);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.gate-input-shell:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-soft) 65%,transparent);transform:translateY(-1px)}.gate-input-shell.has-error{border-color:color-mix(in srgb,var(--danger) 74%,var(--line))}.gate-input{width:100%;min-width:0;min-height:3.45rem;border:0;outline:0;background:transparent;padding:.78rem 3rem .78rem 1rem;color:var(--ink);font-size:1rem;font-weight:600;letter-spacing:.06em}.gate-input::placeholder{color:var(--muted-soft);font-weight:400;letter-spacing:0}.gate-input-mark{position:absolute;right:.8rem;display:grid;width:1.85rem;height:1.85rem;place-items:center;border-radius:50%;background:var(--surface-tint);color:var(--accent);font-family:ui-serif,Georgia,serif;font-size:.92rem}.gate-feedback{min-height:2.7rem;padding:.65rem .1rem 0}.gate-error,.gate-hint{font-size:.74rem;line-height:1.6}.gate-hint{color:var(--muted-soft)}.gate-error{color:var(--danger);font-weight:600}.gate-submit{display:flex;width:100%;min-height:3.15rem;align-items:center;justify-content:space-between;border:0;border-radius:.95rem;background:var(--accent-button);padding:.75rem .9rem .75rem 1.1rem;color:#f6f8f6;cursor:pointer;font-size:.88rem;font-weight:700;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}.gate-submit svg{transition:transform .18s ease}.gate-submit:hover{background:var(--accent-strong);box-shadow:0 8px 22px rgba(49,80,65,.18);transform:translateY(-1px)}.gate-submit:hover svg{transform:translateX(2px)}.gate-submit:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 52%,transparent);outline-offset:3px}.gate-submit:disabled{cursor:wait;opacity:.72;transform:none}.gate-paper-foot{position:relative;z-index:1;display:flex;justify-content:space-between;gap:1rem;margin-top:1.15rem;border-top:1px solid var(--line);padding:.85rem .1rem 0;color:var(--muted-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.56rem;letter-spacing:.08em}@keyframes gate-arrive{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width:640px){.gate-page{padding-inline:2rem}.gate-intro{padding-bottom:1.9rem}.gate-cat{right:.15rem;bottom:.9rem;width:5.7rem}.gate-paper{padding:2rem 1.75rem 1.15rem}}@media (prefers-reduced-motion:reduce){.gate-shell{animation:none}.gate-cat{display:none}.gate-input-shell,.gate-submit,.gate-submit svg{transition:none}}