@font-face {
  font-family: 'AddCityBoy';
  src: url('../fonts/AddCityBoy.ttf') format('truetype');
  font-display: swap;
}

* { box-sizing: border-box; }
body { margin: 0; }
a { color: #F04A1A; text-decoration: none; }
a:hover { color: #D13A12; }

/* Hover: lift */
.hover-up { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.hover-up:hover { transform: translateY(-3px); }
.hover-up-sm { transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.hover-up-sm:hover { transform: translateY(-2px); }

/* Hover: border color */
.hover-border-accent:hover { border-color: #F04A1A; }
.hover-border-teal:hover { border-color: #2F8AA6; }
.hover-border-dark:hover { border-color: #10303B; }
.hover-border-orange:hover { border-color: #F09000; }

/* Hover: color */
.hover-color-accent:hover { color: #F04A1A; }

/* Hover: shadow */
.hover-shadow-card:hover { box-shadow: 0 14px 26px rgba(0,0,0,0.24); }
.hover-shadow-deep:hover { box-shadow: 0 16px 30px rgba(0,0,0,0.28); }

/* Hover: special */
.wa-hero { transition: transform .18s ease, box-shadow .18s ease; }
.wa-hero:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(240,74,26,0.46); }

.play-btn { transition: transform .18s ease; }
.play-btn:hover { transform: translate(-50%,-50%) scale(1.08); }

.social-icon { transition: all .18s ease; }
.social-icon:hover { border-color: #F04A1A; color: #F04A1A; }

.back-btn { transition: all .18s ease; }
.back-btn:hover { border-color: #F04A1A; color: #F04A1A; }

.view-all { transition: all .18s ease; }
.view-all:hover { border-color: #F04A1A; color: #F04A1A; }

.wa-bottom { transition: all .18s ease; }
.wa-bottom:hover { background: #D13A12; transform: translateY(-2px); }

.lang-toggle { transition: all .18s ease; }
.lang-toggle:hover { border-color: #F04A1A; color: #F04A1A; }