*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#f4f7fb;color:#101b35}a{text-decoration:none;color:inherit}.site-header{height:76px;margin:18px auto 0;max-width:1100px;background:#fff;border-radius:18px;display:flex;align-items:center;padding:0 28px;box-shadow:0 8px 30px #101b5310;position:sticky;top:14px;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:750;white-space:nowrap}.brand-icon{width:38px;height:38px;border-radius:11px;background:#1769ff;color:#fff;display:grid;place-items:center;font-size:16px}.desktop-nav{display:flex;gap:38px;margin:auto;font-size:15px}.desktop-nav a{height:76px;display:flex;align-items:center}.desktop-nav .active{color:#1769ff}.header-actions{display:flex;gap:10px;align-items:center}.languages{display:flex;gap:3px}.lang,.footer-langs button{border:0;background:transparent;padding:9px 12px;border-radius:12px;font-weight:650;cursor:pointer}.lang.active,.footer-langs button.active{background:#1769ff;color:#fff}.menu-button{display:none;border:0;background:#eef3fa;border-radius:12px;padding:9px}.hero{max-width:1100px;margin:42px auto 30px;display:grid;grid-template-columns:.82fr 1.18fr;gap:45px;align-items:center;padding:20px 34px}.eyebrow{font-size:13px;font-weight:750;color:#6b9cff;letter-spacing:1px}.hero h1{font-size:52px;line-height:1.04;margin:12px 0 18px;letter-spacing:-1.5px}.hero-text{font-size:18px;line-height:1.55;color:#64718a;max-width:470px}.primary-button{display:inline-flex;gap:20px;background:#1769ff;color:#fff;padding:14px 20px;border-radius:14px;font-weight:700;margin-top:12px}.featured-card{border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 15px 45px #101b531f}.featured-image{height:285px;background:linear-gradient(135deg,#557fa7,#e7a75c 52%,#345b48);position:relative;display:grid;place-items:center}.badge{position:absolute;top:16px;left:16px;background:#1e2d41bb;color:#fff;border-radius:10px;padding:7px 11px;font-size:12px;font-weight:700}.play-button{width:64px;height:64px;border-radius:50%;border:1px solid #fff;background:#0006;color:#fff;font-size:23px}.featured-info{padding:18px 20px}.featured-info h2{margin:0 0 7px}.featured-info p{margin:0;color:#637089}.videos-section{max-width:1100px;margin:0 auto;background:#fff;border-radius:24px;padding:28px 36px 36px;box-shadow:0 8px 35px #101b530d}.section-heading h2{display:flex;gap:12px;align-items:center;margin:0 0 20px;font-size:25px}.section-heading h2 span:first-child{width:30px;height:3px;background:#1769ff;border-radius:3px}.filters{display:flex;gap:9px;overflow-x:auto;padding-bottom:15px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{white-space:nowrap;border:1px solid #dfe6ef;background:#fff;color:#56647b;border-radius:999px;padding:9px 15px;font-weight:650;cursor:pointer}.filter.active{background:#1769ff;color:#fff;border-color:#1769ff}.video-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.video-card{flex:0 0 220px;border:1px solid #e8edf4;border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 5px 18px #101b530d;scroll-snap-align:start}.thumb{height:290px;position:relative;display:grid;place-items:center;background:linear-gradient(145deg,#5d8db7,#e0ad71);overflow:hidden}.video-card.landscape .thumb{height:137px}.thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#ffffff22,#00000018)}.small-play{position:relative;z-index:1;width:46px;height:46px;border:1px solid #fff;border-radius:50%;background:#0007;color:#fff;font-size:15px}.episode{position:absolute;top:9px;left:9px;z-index:2;background:#0009;color:#fff;border-radius:7px;padding:5px 8px;font-size:11px}.card-body{padding:13px}.card-body h3{font-size:15px;margin:0 0 6px}.card-body p{font-size:12px;line-height:1.45;color:#738097;margin:0}.series{font-size:11px;color:#1769ff;font-weight:700;margin-top:9px}.simple-section{max-width:1100px;margin:30px auto;padding:35px;background:#fff;border-radius:20px}.simple-section p{color:#69758b}footer{max-width:1100px;margin:30px auto 20px;padding:40px 36px;background:#edf3fa;border-radius:24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:35px;color:#637089}footer .brand{color:#101b35;font-size:20px}footer p{max-width:290px;line-height:1.55;font-size:14px}footer h4{color:#101b35;margin:0 0 13px}footer>div:not(:first-child) a{display:block;margin:10px 0;font-size:14px}@media(max-width:760px){.site-header{margin:10px;height:76px;padding:0 15px}.brand{font-size:17px}.brand-icon{width:70px;height:70px}.desktop-nav{display:none}.header-actions{margin-left:auto}.menu-button{display:block}.hero{display:flex;flex-direction:column;margin:22px 12px 20px;padding:12px;gap:24px}.hero h1{font-size:39px}.featured-image{height:220px}.videos-section{margin:0 12px;padding:24px 16px}.video-row{display:block;overflow:visible}.video-card{width:100%;margin-bottom:16px;display:grid;grid-template-columns:145px 1fr}.video-card .thumb,.video-card.landscape .thumb{height:145px}.simple-section{margin:20px 12px;padding:25px}footer{margin:20px 12px;padding:30px 22px;grid-template-columns:1fr 1fr;border-radius:20px}.footer-brand{grid-column:1/-1}}
/* Demo thumbnail artwork – replace later with real Facebook thumbnails */
.video-card .thumb{background-size:cover;background-position:center}
.video-card.demo-001 .thumb{background-image:linear-gradient(145deg,#527a45,#d8a66a 55%,#4b7446)}
.video-card.demo-002 .thumb{background-image:linear-gradient(145deg,#6b9252,#e5a35e 55%,#476f43)}
.video-card.demo-003 .thumb{background-image:linear-gradient(145deg,#a8c7df,#7b98bd 45%,#d9b06d)}
.video-card.demo-004 .thumb{background-image:linear-gradient(145deg,#748da9,#d8c7ad 55%,#6c6f73)}
.video-card.demo-005 .thumb{background-image:linear-gradient(145deg,#7b3f54,#d9a55f 55%,#657b9c)}
.video-card.demo-006 .thumb{background-image:linear-gradient(145deg,#d0a36d,#f1d6a6 50%,#7e533e)}
.video-card.demo-007 .thumb{background-image:linear-gradient(145deg,#667b9b,#c8a26b 55%,#7d6b5b)}
.video-card.demo-008 .thumb{background-image:linear-gradient(145deg,#5b8bb4,#dfb36f 55%,#8ba6bd)}

/* ============================================================
   CURRENT LOGO SIZE
   ============================================================ */

.site-header .brand,
footer .brand {
  display: flex;
  align-items: center;
  gap: 8px;
}

.site-header .site-logo {
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  flex: 0 0 70px !important;
  object-fit: contain;
  display: block;
}

footer .site-logo {
  width: 70px !important;
  height: 70px !important;
  min-width: 70px !important;
  max-width: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  flex: 0 0 70px !important;
  object-fit: contain;
  display: block;
}

@media (max-width:760px) {
  .site-header .brand {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
  }

  .site-header .brand > span {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .site-header .header-actions {
    flex: 0 0 auto;
    gap: 4px;
  }

  .site-header .languages {
    flex: 0 0 auto;
  }

  .site-header .lang {
    padding: 7px 8px;
  }
}

/* ============================================================
   MOBILE LANGUAGE DROPDOWN
   ============================================================ */

.mobile-language {
  display: none;
}

@media (max-width:760px) {
  .site-header .languages {
    display: flex;
    flex: 0 0 auto;
    gap: 3px;
  }

  .site-header .languages > .lang {
    display: none;
  }

  .site-header .mobile-language {
    display: block;
    border: 0;
    background: #eef3fa;
    color: #101b35;
    border-radius: 12px;
    padding: 8px 9px;
    font-weight: 650;
    font-size: 14px;
    cursor: pointer;
  }

  .site-header .header-actions {
    margin-left: auto;
    flex: 0 0 auto;
    gap: 6px;
  }
}

@media (max-width:760px) {
  .site-header .menu-button {
    display: none;
  }
}

@media (max-width:760px) {
  .site-header .brand {
    white-space: normal;
    line-height: 1.05;
  }

  .site-header .brand > span {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
}

/* Featured YouTube video */
.featured-image .youtube-card {
  width: 100%;
  height: 100%;
  margin: 0;
}

.featured-image .youtube-player {
  width: 100%;
  height: 100%;
  position: relative;
}

.featured-image .youtube-player iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.video-card .series {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 600;
  color: #1769ff;
  margin-bottom: 8px;
}