.minecraft-vote-page { background: radial-gradient(circle at 82% 3%, rgba(232, 113, 74, .12), transparent 31%), var(--bg-primary); }
.mc-vote-main { min-height: calc(100vh - 160px); padding: 170px 0 110px; }
.mc-vote-hero { padding-bottom: 54px; }
.mc-vote-hero h1 { max-width: 850px; margin: 12px 0 18px; font-size: clamp(3rem, 8vw, 6.6rem); line-height: .94; }
.mc-vote-hero p { max-width: 660px; font-size: 1.08rem; }
.mc-vote-rewards { display: grid; grid-template-columns: 1fr 1fr; }
.mc-vote-rewards article { min-height: 230px; padding: 32px; border: 1px solid var(--border); }
.mc-vote-rewards article + article { border-left: 0; }
.mc-vote-rewards article > span, .mc-vote-number { color: var(--corail); font-size: .72rem; font-weight: 800; letter-spacing: .12em; }
.mc-vote-rewards h2 { margin: 30px 0 16px; font-size: 1.35rem; }
.mc-vote-rewards strong { display: block; color: var(--text-primary); font-size: 1.15rem; line-height: 1.8; }
.mc-vote-rewards p { max-width: 480px; }
.mc-vote-sites { padding-top: 90px; }
.mc-vote-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 26px; }
.mc-vote-heading h2 { margin-top: 8px; }
.mc-vote-heading p { max-width: 390px; text-align: right; }
.mc-vote-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--border); border-left: 1px solid var(--border); }
.mc-vote-grid article { min-height: 250px; display: flex; flex-direction: column; align-items: flex-start; padding: 30px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.mc-vote-grid h3 { margin: 45px 0 25px; font-size: 1.35rem; }
.mc-vote-grid .btn { margin-top: auto; border-radius: 0; }
.mc-vote-grid .is-pending { opacity: .58; }
.mc-vote-pending { margin-top: auto; color: var(--text-muted); font-size: .82rem; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; }
[dir="rtl"] .mc-vote-heading p { text-align: left; }
@media (max-width: 760px) {
  .mc-vote-main { padding-top: 125px; }
  .mc-vote-rewards, .mc-vote-grid { grid-template-columns: 1fr; }
  .mc-vote-rewards article + article { border-top: 0; border-left: 1px solid var(--border); }
  .mc-vote-heading { align-items: flex-start; flex-direction: column; }
  .mc-vote-heading p { text-align: left; }
}
