@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;700;900&family=Space+Grotesk:wght@700&display=swap');

* { font-family: 'Be Vietnam Pro', sans-serif; }
.font-display { font-family: 'Space Grotesk', sans-serif; }
.card { background:#FFF7ED; border:2px solid #111111; border-radius:24px; transition:all .2s; }
.card:hover { transform:translateY(-2px); box-shadow:6px 6px 0 #111111; }
.btn-orange { background:#D97706; color:#000; border:2px solid #111111; border-radius:999px; font-weight:900; transition:all .15s; }
.btn-orange:hover { background:#111; color:#fff; }
.year-btn { border:2px solid #111; border-radius:999px; padding:8px 16px; font-weight:900; font-size:12px; transition:all .15s; cursor:pointer; }
.year-btn-active { background:#111; color:#fff; }
.year-btn-inactive { background:#fff; color:#111; }
.year-btn-inactive:hover { background:#FFF7ED; }
.count-loading { opacity:.5; }
.count-warning { color:#9A3412; }
.auto-count-frame { position:fixed; width:1px; height:1px; opacity:0; pointer-events:none; border:0; left:-9999px; top:-9999px; }