:root{color-scheme:dark;--green:#7cfc00;--ink:#10120e;--text:#edf0e8;--muted:#b1bba6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;background:var(--ink);color:var(--text)}

*{box-sizing:border-box}
body{margin:0;min-width:0;font-size:16px;line-height:1.6;background:radial-gradient(ellipse at 85% 12%,#28411a55,transparent 48%),linear-gradient(160deg,#151812,var(--ink) 70%);min-height:100svh}
a{color:inherit;text-decoration:none;overflow-wrap:anywhere}
button,input{font:inherit}
button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:5px}
.door-shell{width:calc(100% - 64px);margin:auto;padding:40px 0 28px;min-height:100svh;display:flex;flex-direction:column;align-items:flex-start}
.wordmark{display:flex;align-items:center;gap:10px;font-weight:850;font-size:16px;letter-spacing:.07em}
.wordmark>span:last-child{color:var(--muted);font-weight:450}
.slime-mark{width:35px;height:35px;border-radius:10px 10px 13px 4px;display:grid;place-items:center;background:var(--green);color:#182509;font-size:25px;font-weight:900;transform:rotate(-5deg)}
.door-card{width:min(100%,640px);margin:clamp(54px,11vh,120px) 0 60px}
.eyebrow{font-size:14px;letter-spacing:.1em;color:var(--green);display:flex;align-items:center;gap:10px;font-weight:750}
.pulse-dot{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 12px #7cfc0066}
h1{font-size:clamp(45px,7vw,76px);line-height:1.06;letter-spacing:-.06em;margin:25px 0}
h1 em{font-style:normal;color:var(--green)}
.intro{font-size:16px;color:#c1cbb6;line-height:1.7;max-width:480px;margin:0 0 32px}
form{display:grid;gap:12px;width:min(100%,480px)}
label{font-size:14px;font-weight:650;color:#d0dac4}
input{width:100%;min-width:0;border:0;background:#25301d;color:var(--text);border-radius:8px;padding:15px 16px;font-size:16px}
input::placeholder{color:#aab69f}
button{border:0;background:var(--green);color:#1c2a0f;font-size:16px;font-weight:750;border-radius:8px;padding:15px 16px;cursor:pointer;display:flex;justify-content:space-between;margin-top:3px}
button:hover{background:#96ff35}
button:disabled{opacity:.6;cursor:wait}
.door-feedback{width:min(100%,480px);min-height:68px;line-height:1.7;overflow-wrap:anywhere;font-size:16px;color:var(--muted)}
#knock-code{font-size:20px;font-weight:750;letter-spacing:.02em;color:#b3ff6f;padding:16px 18px;background:#223116;border-radius:8px}
.host-link{display:inline-flex;gap:18px;font-size:16px;color:#d0dcc4;margin-top:13px}
.host-link:hover{color:var(--green)}
.footer-note{margin-top:auto;color:#aebda1;font-size:14px;font-weight:650;letter-spacing:.06em;overflow-wrap:anywhere}
.footer-note span{margin:0 12px;color:var(--green)}
[hidden]{display:none!important}
@media(max-width:500px){.door-shell{width:calc(100% - 40px);padding-top:28px}
.door-card{margin-top:60px}
.wordmark{font-size:14px}
.footer-note{letter-spacing:0}
.footer-note span{margin:0 6px}
}