/* Page CSS: public_closed */

.hero h1{
  margin:0 0 6px;
  font-size:28px;
  line-height:1.15;
  color:var(--primary);
  font-weight:900;
}
.hero .muted{
  margin:6px 0;
}

.closed-card{
  text-align:center;
  padding:28px 18px;
  border-radius:16px;
  border:1px solid rgba(0,0,0,.12);
  background:rgba(255,255,255,.78);
  box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.closed-icon{
  width:64px;
  height:64px;
  border-radius:18px;
  margin:0 auto 14px;
  display:grid;
  place-items:center;
  background:rgba(185,28,28,.10);
  border:1px solid rgba(185,28,28,.18);
  color:#b91c1c;
  font-size:30px;
  font-weight:900;
}

.closed-title{
  margin:0 0 8px;
  font-size:22px;
  font-weight:900;
  color:#111827;
}

.closed-text{
  margin:0 auto 10px;
  max-width:560px;
  color:var(--muted);
  font-weight:700;
  line-height:1.6;
}

.closed-deadline{
  display:inline-flex;
  gap:8px;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-radius:12px;
  border:1px dashed rgba(0,0,0,.16);
  background:rgba(172,138,23,.07);
  color:#6b4e00;
  font-weight:900;
}

@media (max-width: 520px){
  .hero h1{ font-size:24px; }
  .closed-card{ padding:22px 14px; }
  .closed-icon{ width:58px; height:58px; }
}