/* The public door page (placeholder.html) — kept out of the page so the CSP needs no 'unsafe-inline'. */
body{background:#1f3a36;color:#e8f5f3;min-height:100vh;display:flex;flex-direction:column}
main{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:560px;padding:40px 20px}
header.mark{padding:24px 20px 0;font-size:16px;font-weight:700;color:#e8f5f3;letter-spacing:-.3px;max-width:560px;width:100%;margin:0 auto;box-sizing:border-box}
h1{font-size:clamp(28px,6vw,40px);line-height:1.15;margin:14px 0 12px;letter-spacing:-.4px;color:#fff}
p.lead{font-size:18px;color:#cfe9e3;margin:0 0 28px}
form{display:flex;flex-direction:column;gap:10px}
input[type=email]{border:1.5px solid #6a9c94;background:#16302c;color:#fff}
.btn.primary{background:#5ecfb8;color:#0d1f1c}
.btn.primary:hover{background:#4fbfa8}
.fine{font-size:13px;color:#9dc8bf;margin-top:20px}
.fine a{color:#cfe9e3}
footer{color:#9dc8bf}
/* WCAG 1.4.11: a ring you can see on the dark door (6.5:1), and the field's edge at 4.6:1 (was 1.2:1 and 2.3:1). */
:focus-visible{outline:3px solid #5ecfb8;outline-offset:2px}
/* the teal button would swallow a teal ring: light on the dark page instead (11:1) */
.btn.primary:focus-visible{outline:3px solid #e8f5f3;outline-offset:2px}