body:has(.gate-page){background:radial-gradient(circle at 16% 12%, #e0ebe4e6, transparent 34rem), radial-gradient(circle at 88% 86%, #f6efd7b8, transparent 27rem), var(--paper)}body:has(.gate-page) .site-footer{display:none}.gate-page{isolation:isolate;min-height:100dvh;padding:max(2rem, env(safe-area-inset-top)) 1rem max(2rem, env(safe-area-inset-bottom));place-items:center;display:grid;position:relative;overflow:hidden}.gate-page:before{z-index:-2;content:"";pointer-events:none;background-image:radial-gradient(#455d5117 .7px,#0000 .7px);background-size:19px 19px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#000,#0000 72%);mask-image:linear-gradient(135deg,#000,#0000 72%)}.gate-orbit{z-index:-1;border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);pointer-events:none;border-radius:50%;position:absolute}.gate-orbit:after{background:color-mix(in srgb, var(--accent) 50%, var(--paper));width:.55rem;height:.55rem;box-shadow:0 0 0 .35rem color-mix(in srgb, var(--accent-soft) 52%, transparent);content:"";border-radius:50%;position:absolute}.gate-orbit-one{width:25rem;height:25rem;top:-9rem;right:-11rem;transform:rotate(24deg)}.gate-orbit-one:after{bottom:3.8rem;right:2.7rem}.gate-orbit-two{width:27rem;height:27rem;bottom:-12rem;left:-13rem}.gate-orbit-two:after{top:4.8rem;right:3.3rem}.gate-shell{width:min(100%,30rem);animation:.72s cubic-bezier(.22,1,.36,1) both gate-arrive}.gate-intro{padding:0 .25rem 1.6rem;position:relative}.gate-kicker{color:var(--muted-soft);letter-spacing:.13em;align-items:center;gap:.55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.66rem;display:flex}.gate-kicker span{border:1px solid var(--line-strong);width:1.8rem;height:1.8rem;color:var(--accent-strong);letter-spacing:0;border-radius:50%;place-items:center;display:grid}.gate-title{max-width:100%;color:var(--ink);margin-top:1.35rem;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;color:var(--muted);margin-top:.9rem;font-size:.92rem;line-height:1.8}.gate-cat{filter:drop-shadow(0 8px 13px #42524917);width:4.9rem;height:auto;position:absolute;bottom:.8rem;right:-.35rem;transform:rotate(3deg)}.gate-paper{border:1px solid color-mix(in srgb, var(--line-strong) 88%, transparent);background:linear-gradient(#ffffff38, #fff0), color-mix(in srgb, var(--surface-solid) 96%, var(--warm-soft));border-radius:1.35rem;padding:1.65rem 1.25rem 1.05rem;position:relative;box-shadow:0 24px 70px #32483d1a,inset 0 2px #ffffffd1}.gate-paper:before{border:1px dashed color-mix(in srgb, var(--line) 70%, transparent);content:"";pointer-events:none;border-radius:1rem;position:absolute;inset:.52rem}.gate-paper-tape{clip-path:polygon(3% 9%,97% 0,94% 91%,2% 100%);content:"";background:#e5d9ac8f;width:4.7rem;height:1.15rem;position:absolute;top:-.55rem;left:50%;transform:translate(-50%)rotate(-1.5deg)}.gate-form{z-index:1;position:relative}.gate-label{color:var(--accent-strong);letter-spacing:.07em;margin-bottom:.6rem;font-size:.73rem;font-weight:700;display:block}.gate-input-shell{border:1px solid var(--line-strong);background:#fffffdd1;border-radius:.95rem;align-items:center;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:relative}.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;color:var(--ink);letter-spacing:.06em;background:0 0;border:0;outline:0;padding:.78rem 3rem .78rem 1rem;font-size:1rem;font-weight:600}.gate-input::placeholder{color:var(--muted-soft);letter-spacing:0;font-weight:400}.gate-input-mark{background:var(--surface-tint);width:1.85rem;height:1.85rem;color:var(--accent);border-radius:50%;place-items:center;font-family:ui-serif,Georgia,serif;font-size:.92rem;display:grid;position:absolute;right:.8rem}.gate-feedback{min-height:2.7rem;padding:.65rem .1rem 0}.gate-hint,.gate-error{font-size:.74rem;line-height:1.6}.gate-hint{color:var(--muted-soft)}.gate-error{color:var(--danger);font-weight:600}.gate-submit{background:var(--accent-button);color:#f6f8f6;cursor:pointer;border:0;border-radius:.95rem;justify-content:space-between;align-items:center;width:100%;min-height:3.15rem;padding:.75rem .9rem .75rem 1.1rem;font-size:.88rem;font-weight:700;transition:background-color .18s,box-shadow .18s,transform .18s;display:flex}.gate-submit svg{transition:transform .18s}.gate-submit:hover{background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 8px 22px #3150412e}.gate-submit:hover svg{transform:translate(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{z-index:1;border-top:1px solid var(--line);color:var(--muted-soft);letter-spacing:.08em;justify-content:space-between;gap:1rem;margin-top:1.15rem;padding:.85rem .1rem 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.56rem;display:flex;position:relative}@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{width:5.7rem;bottom:.9rem;right:.15rem}.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}}