/* EduVerse FILM28 — isolated host only. No theme, language or navigation overrides. */
.edu-film-showcase{
  position:relative;
  margin:clamp(22px,3vw,42px) 0;
  padding:clamp(10px,1.5vw,16px);
  border:1px solid rgba(145,226,255,.14);
  border-radius:clamp(22px,3vw,34px);
  overflow:hidden;
  background:linear-gradient(180deg,rgba(6,14,34,.80),rgba(2,7,20,.92));
  box-shadow:0 24px 80px rgba(0,4,18,.28),inset 0 1px 0 rgba(255,255,255,.04);
  isolation:isolate;
}
.edu-film-showcase__frame{
  position:relative;
  width:100%;
  height:min(76vh,820px);
  min-height:520px;
  overflow:hidden;
  border-radius:clamp(18px,2vw,28px);
  background:#020817;
  border:1px solid rgba(166,232,255,.15);
  box-shadow:0 16px 56px rgba(0,0,0,.30);
}
.edu-film-showcase__frame iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
  background:#020817;
}
.edu-film-showcase__loader{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  text-align:center;
  padding:20px;
  color:rgba(225,243,255,.72);
  font-size:.9rem;
  letter-spacing:.04em;
  background:#020817;
  transition:opacity .35s ease,visibility .35s ease;
}
.edu-film-showcase.is-loaded .edu-film-showcase__loader{opacity:0;visibility:hidden}
@media(max-width:760px){
  .edu-film-showcase{margin:18px 0;padding:8px;border-radius:22px}
  .edu-film-showcase__frame{height:76svh;min-height:560px;border-radius:17px}
}
@media(max-width:480px){
  .edu-film-showcase__frame{height:74svh;min-height:520px}
}
@media(orientation:landscape) and (max-height:620px){
  .edu-film-showcase{padding:6px}
  .edu-film-showcase__frame{height:88svh;min-height:0;border-radius:16px}
}
/* Passive on touch so the existing page keeps normal vertical scrolling. */
@media (hover:none), (pointer:coarse){
  .edu-film-showcase__frame iframe{pointer-events:none}
}

/* FILM28_FAST_BOOT_V1 — ASCII-only branded boot curtain; hides any stale/broken loader text. */
.edu-film-showcase__loader{
  font-size:0!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 50%,rgba(61,137,232,.13),transparent 34%),
    radial-gradient(circle at 72% 28%,rgba(139,89,255,.08),transparent 27%),
    #020817;
}
.edu-film-showcase__loader::before{
  content:"EDUVERSE";
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-62%);
  color:rgba(231,246,255,.9);
  font:700 clamp(16px,2vw,24px)/1 system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  letter-spacing:.28em;
  text-indent:.28em;
  text-shadow:0 0 18px rgba(120,205,255,.48),0 0 42px rgba(97,102,255,.2);
  animation:eduFilmBootPulse 1.55s ease-in-out infinite alternate;
}
.edu-film-showcase__loader::after{
  content:"";
  position:absolute;
  left:50%;top:calc(50% + 28px);
  width:min(180px,34vw);height:2px;
  border-radius:999px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(147,229,255,.9),rgba(169,113,255,.75),transparent);
  box-shadow:0 0 14px rgba(102,198,255,.45);
  animation:eduFilmBootLine 1.35s ease-in-out infinite;
}
@keyframes eduFilmBootPulse{from{opacity:.58;filter:brightness(.85)}to{opacity:1;filter:brightness(1.18)}}
@keyframes eduFilmBootLine{0%,100%{opacity:.28;transform:translateX(-50%) scaleX(.58)}50%{opacity:1;transform:translateX(-50%) scaleX(1)}}
@media(prefers-reduced-motion:reduce){
  .edu-film-showcase__loader::before,.edu-film-showcase__loader::after{animation:none!important}
}