.door{--cream:#fff8ec;--card:#fffdf8;--wink:#2a1b0c;--muted:#7a6249;--wline:#e9d8bc;--wedge:#a38c66;--tang:#e8590c;--tang-t:#b84205;--wok:#0a7350}body:has(.door.back){background:#fff8ec;border-left-color:transparent;border-right-color:transparent}.door.first{background:#e4dfd3;min-height:100vh}.door.first:before{content:"";position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.12;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='170' height='170' filter='url(%23n)'/%3E%3C/svg%3E")}.door.first .bar{display:none}.door.first .slab{background:var(--acid);padding:34px 18px 30px;position:relative;border-bottom:5px solid var(--x)}.door.first .slab:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(0,0,0,.17) 1.2px,transparent 1.4px);background-size:7px 7px}.door.first .slab>*{position:relative;z-index:1}.door.first .slab .kick{font-family:Courier Prime,monospace;font-size:10.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--acid-ink);margin-bottom:12px}.door.first h1{font-size:clamp(42px,12.5vw,60px);line-height:.88;color:var(--acid-ink);text-shadow:none;margin:0}.door.first .sub{color:var(--acid-ink);opacity:.82;font-size:13px;margin-top:12px}.door.first .pad{padding:24px 18px 90px}.door.first form{background:var(--x);border:4px solid var(--x);padding:22px 18px;box-shadow:8px 8px 0 rgba(10,10,9,.22)}.door.first form label{color:var(--acid)}.door.first form .hint{color:#b4ae9e}.door.first form input[type=email],.door.first form input[type=password],.door.first form input[type=text]{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border:1px solid hsla(0,0%,100%,.55);border-radius:12px;padding:14px 15px;color:#f4f2ea;font-family:Courier Prime,monospace;font-size:15.5px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.12)}.door.first form input::placeholder{color:#a5a196}.door.first form input:focus{background:hsla(0,0%,100%,.16)}.door.first form input:focus-visible{outline:3px solid var(--acid);outline-offset:2px;box-shadow:none}.door.first .btn{background:var(--acid);color:var(--acid-ink);margin-top:15px}.door.first .btn:hover{background:#e4ff6b;color:var(--acid-ink)}.door.first .linkbtn{display:block;width:100%;text-align:center;color:var(--x)}.door.back{background:var(--cream);color:var(--wink);font-family:Space Grotesk,system-ui,sans-serif;min-height:100vh}.door.back .mast{background:var(--cream);color:var(--tang);border-bottom:1px solid var(--wline);padding:26px 16px 14px;display:block;text-align:center;position:static}.door.back .mast .lg{font-weight:700;font-size:20px;letter-spacing:.22em;text-transform:uppercase;color:var(--tang);transform:none;text-shadow:none}.door.back .bar,.door.back .mast .lg{font-family:Space Grotesk,system-ui,sans-serif}.door.back .bar{background:var(--cream);color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:none;border-bottom:1px solid var(--wline);padding:0 16px 20px;background-image:none}.door.back .pad{padding:30px 20px 90px;max-width:460px;margin:0 auto}.door.back h1{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:400;font-size:40px;line-height:1.14;letter-spacing:-.5px;color:var(--wink);margin:0 0 10px;text-shadow:none}.door.back .sub,.door.back h1{text-transform:none;text-align:center}.door.back .sub{font-family:Space Grotesk,system-ui,sans-serif;font-size:15px;color:var(--muted);letter-spacing:0;margin:0 auto 26px;max-width:34ch}.door.back form{background:var(--card);border:1px solid var(--wline);border-radius:14px;padding:22px 20px;box-shadow:0 1px 2px rgba(42,27,12,.04)}.door.back label{font-family:Space Grotesk,system-ui,sans-serif;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.door.back input[type=date],.door.back input[type=email],.door.back input[type=password],.door.back input[type=text]{background:#fff;border:1px solid var(--wedge);border-radius:8px;padding:13px;font-family:Space Grotesk,system-ui,sans-serif;font-size:15.5px;color:var(--wink);box-shadow:none}.door.back input::placeholder{color:#826c50}.door.back input:focus{background:#fff;border-color:var(--tang-t)}.door.back input:focus-visible{outline:3px solid var(--tang-t);outline-offset:1px;box-shadow:none}.door.back .hint{font-size:12.5px;color:var(--muted);margin-top:9px}.door.back .btn,.door.back .hint{font-family:Space Grotesk,system-ui,sans-serif}.door.back .btn{background:var(--wink);color:var(--cream);border-radius:9px;font-weight:700;font-size:15.5px;letter-spacing:.01em;text-transform:none;padding:14px;margin-top:16px;box-shadow:none}.door.back .btn:hover{background:#43290f;color:var(--cream)}.door.back .btn:focus-visible{outline:3px solid var(--tang-t);outline-offset:3px}.door.back .linkbtn{font-family:Space Grotesk,system-ui,sans-serif;font-size:13.5px;font-weight:500;color:var(--tang-t);text-decoration:underline;text-underline-offset:3px;text-transform:none;letter-spacing:0;display:block;width:100%;text-align:center;margin-top:16px}.door.back .linkbtn:focus-visible{outline:3px solid var(--tang-t);outline-offset:3px}.door.back .err{border:1px solid #e7b9a3;background:#fdf1ea;color:#7c2d12;border-radius:10px}.door.back .err,.door.back .ok{font-family:Space Grotesk,system-ui,sans-serif;font-size:14px}.door.back .ok{border:1px solid #b7decb;background:#f0faf5;color:var(--wok);border-radius:10px}.door.back .porch{margin:34px auto 0;max-width:36ch;text-align:center;font-family:Fraunces,Georgia,serif;font-style:italic;font-size:17px;line-height:1.5;color:var(--muted)}.door.back .porch:before{content:"";display:block;width:44px;height:1px;background:var(--wline);margin:0 auto 18px}.door.first .porch{display:none}@media(max-width:600px){.door.back h1{font-size:32px}.door.back .pad{padding:26px 18px 80px}}