/* ==========================================================================
   LOGO "peluang" — file terpisah dari style.css
   Warna pelangi: merah, oranye, kuning, hijau, biru, nila, ungu
   Mobile-first: ukuran dasar untuk layar kecil, membesar di layar besar.
   ========================================================================== */

/* Logo di header (wordmark) */
.logo {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -.5px;
  color: #202124;
  user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
  overflow-wrap: normal;
}

/* Warna pelangi per huruf */
.logo .l1 { color: #FF4B4B; }
.logo .l2 { color: #FF9800; }
.logo .l3 { color: #FFC107; }
.logo .l4 { color: #4CAF50; }
.logo .l5 { color: #2196F3; }
.logo .l6 { color: #3F51B5; }
.logo .l7 { color: #9C27B0; }

/* Logo besar di halaman beranda */
.home-page .logo {
  font-family: 'Fredoka', sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 1.2;
  padding: 0.1em 0.05em 0;
  letter-spacing: -0.01em;
  margin: 0 0 6px;
  display: inline-block;
}

/* Tablet dan desktop */
@media (min-width: 768px) {
  .logo { font-size: 21px; }
  .home-page .logo { font-size: 72px; }
}

@media (min-width: 1024px) {
  .home-page .logo { font-size: 88px; }
}