/* The invite door. Navy, lapis, 🌙 yellow -- BRAND.md. Its own file
   because the Content-Security-Policy on every response forbids inline
   <style>, and the door is not worth weakening it for. */
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;
  justify-content:center;background:#05081a;color:#f2ece0;
  font:16px/1.5 ui-rounded,-apple-system,"Segoe UI",system-ui,sans-serif}
.door{width:min(420px,92vw);padding:28px 26px 22px;border-radius:18px;
  background:linear-gradient(180deg,rgba(11,18,48,.95),rgba(7,10,24,.95));
  box-shadow:0 0 0 1px #2a4fbf,0 0 60px rgba(42,79,191,.35);text-align:center}
.logo{display:block;width:260px;max-width:100%;height:auto;margin:0 auto 14px}
h1{margin:0 0 6px;font-size:19px;color:#ffd23f;letter-spacing:.02em}
.sub{margin:0 0 18px;color:#8d9ab8;font-size:14px}
form{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
input{flex:1 1 180px;min-width:0;background:rgba(3,6,18,.75);color:#f2ece0;
  border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:11px 12px;
  font:15px system-ui}
input:focus{outline:2px solid #ffd23f;outline-offset:1px}
button{flex:0 0 auto;background:#2a4fbf;color:#fff;border:0;border-radius:8px;
  padding:11px 18px;font:700 15px system-ui;cursor:pointer}
button:hover{background:#3561e0}
.err{min-height:1.3em;margin:14px 0 0;color:#ffd23f;font-size:14px}