:root{
  --primary:#b51212;
  --dark:#111;
  --muted:#666;
  --bg:#fff;
}
*{box-sizing:border-box}
html,body{height:100%}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,helvetica,arial;line-height:1.4;margin:0;background:linear-gradient(180deg,#fff,#f7f7f7);color:var(--dark)}
.header{display:flex;align-items:center;padding:18px 24px;background:#000;color:#fff}
.pilpa-link{display:flex;align-items:center;text-decoration:none;color:inherit}
.pilpa-logo{width:52px;height:52px;border-radius:50%}
.pilpa-text{margin-left:12px;font-weight:600;}
.container{max-width:920px;margin:36px auto;padding:24px}
.festival-logo{display:block;margin:0 auto 18px auto;max-width:280px}
.message{text-align:center;padding:18px}
.thank-you{font-size:2.4rem;margin:0;color:var(--primary);}
.lead{font-size:1.05rem;color:var(--muted);max-width:780px;margin:12px auto}
.btn{display:inline-block;background:var(--primary);color:#fff;border:0;padding:12px 20px;border-radius:8px;font-weight:700;cursor:pointer;margin-top:12px}
.info{margin-top:28px;background:#fff;padding:18px;border-radius:8px;border:1px solid #eee}
.info h2{color:var(--primary);margin-top:0}
.info ul{margin:8px 0 0 18px;color:var(--dark)}
.info a{color:var(--primary);text-decoration:underline}
.confetti{position:fixed;pointer-events:none;left:0;top:0;width:100%;height:100%;z-index:999}

@media(min-width:900px){
  .container{padding:36px}
  .thank-you{font-size:3rem}
}