.footer-netflix {
  background: #0f3d39;
  color: #8fded8;
  padding: 60px 20px;
  font-family: Arial, sans-serif;
}

.center-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.logo-ft {
  margin: 0;
}

.logo-ft img {
  height: 2.4rem;
  width: auto;
  max-width: 100%;
  display: block;
  transition: 0.3s ease;
  filter: drop-shadow(0 0 10px rgba(23,180,168,0.5));
}

/* efek hover biar lebih hidup */
.logo-ft img:hover {
  transform: scale(1.08);
  filter: drop-shadow(0 0 20px rgba(23,180,168,0.9));
}

.footer-container {
  max-width: 900px;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 25px;
}

/* Logo */
.footer-logo img {
  width: 140px;
  filter: brightness(0) invert(1);
  transition: 0.4s ease;
}

.footer-logo img:hover {
  transform: scale(1.08);
}

/* Links */
.footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.footer-links a {
  color: #8fded8;
  text-decoration: none;
  font-size: 14px;
  position: relative;
  transition: 0.3s;
}

/* GARIS HOVER */
.footer-links a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -4px;
  width: 0%;
  height: 2px;
  background: #17b4a8;
  transition: 0.3s;
  transform: translateX(-50%);
}

.footer-links a:hover {
  color: #ffffff;
  text-shadow:
    0 0 8px rgba(23,180,168,0.8),
    0 0 18px rgba(23,180,168,0.6);
}

.footer-links a:hover::after {
  width: 100%;
}

/* Social */
.footer-social {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.footer-social a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #102928;
  font-size: 18px;
  transition: all 0.3s ease;
  border: 1px solid rgba(23,180,168,0.4);

  box-shadow:
    0 0 8px rgba(23,180,168,0.3),
    0 0 16px rgba(23,180,168,0.2);
}

/* Warna icon */
.footer-social .fb { color: #17b4a8; }
.footer-social .x { color: #ffffff; }
.footer-social .mail { color: #17b4a8; }

/* Instagram */
.footer-social .ig {
  background: radial-gradient(circle at 30% 107%, 
    rgba(23,180,168,0.9) 0%, 
    rgba(23,180,168,0.8) 35%, 
    rgba(12,95,88,1) 100%);
  color: #fff;
}

/* HOVER GLOW */
.footer-social a:hover {
  transform: translateY(-6px) scale(1.1);

  box-shadow:
    0 0 15px rgba(23,180,168,0.9),
    0 0 30px rgba(23,180,168,0.7),
    0 0 50px rgba(23,180,168,0.5);

  background: #17b4a8;
  color: #fff !important;
}

/* Copyright */
.footer-copy p {
  font-size: 13px;
  color: #7fcfc8;
}

.Search {
  position: relative;
}