/* the private screenings' door (public/event.html): bright, cozy, one card */
:root{--ink:#2b1d33;--mut:#7a6a85;--ac:#ff5f9e;--ac2:#8f5cff;--card:#fffaf3}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{min-height:100vh;display:grid;place-items:center;padding:24px 16px;font:16px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);
  background:radial-gradient(1200px 700px at 20% 10%,#ffd6ec 0,transparent 60%),radial-gradient(900px 600px at 90% 90%,#d9ccff 0,transparent 60%),linear-gradient(160deg,#fff1e0,#f3e8ff)}
.card{width:min(420px,100%);padding:28px 24px 22px;border-radius:22px;background:var(--card);box-shadow:0 18px 50px rgba(80,40,120,.18),0 2px 0 rgba(255,255,255,.8) inset;text-align:center}
.badge{font-size:44px;line-height:1}
h1{margin:6px 0 0;font:900 40px/1 system-ui,sans-serif;letter-spacing:2px;background:linear-gradient(90deg,var(--ac),var(--ac2));-webkit-background-clip:text;background-clip:text;color:transparent}
.sub{margin:6px 0 18px;color:var(--mut);font-weight:600}
form{display:grid;gap:12px;text-align:left}
label{display:grid;gap:5px;font-weight:700;font-size:14px}
input{width:100%;padding:12px 14px;border-radius:12px;border:2px solid #ead9f2;background:#fff;color:var(--ink);font:inherit;font-size:16px}
input:focus{outline:none;border-color:var(--ac2)}
button{margin-top:4px;padding:13px 16px;border:0;border-radius:14px;background:linear-gradient(90deg,var(--ac),var(--ac2));color:#fff;font:800 17px system-ui,sans-serif;cursor:pointer}
button:disabled{opacity:.6}
.err{margin:0;color:#c0264d;font-weight:700;font-size:14px}
.note{margin:0 0 14px;padding:10px 12px;border-radius:12px;background:#efe6ff;color:#4a2f74;font-weight:700}
.fine{margin:16px 0 0;color:var(--mut);font-size:13px}
[hidden]{display:none!important}