/* İlkokul Dijital — neon rafine YouTube popup v21.3.03 */
.ild-yt-home-popup[hidden]{display:none!important}
.ild-yt-home-popup{
  --ild-yt-popup-ready:1;
  position:fixed;
  inset:0;
  z-index:2147482500;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  font-family:'Andika',system-ui,-apple-system,'Segoe UI',Arial,sans-serif
}
.ild-yt-home-popup__backdrop{
  position:absolute;
  inset:0;
  background:rgba(7,12,25,.40);
  backdrop-filter:blur(6px) saturate(.96);
  -webkit-backdrop-filter:blur(6px) saturate(.96);
  opacity:0;
  transition:opacity .18s ease
}
.ild-yt-home-popup__dialog{
  position:relative;
  width:min(575px,calc(100vw - 28px));
  max-height:calc(100dvh - 28px);
  overflow:auto;
  display:grid;
  grid-template-columns:118px minmax(0,1fr);
  align-items:center;
  gap:18px;
  padding:18px 20px 18px 18px;
  color:#fff;
  border:1.5px solid transparent;
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(38,31,90,.96),rgba(56,24,118,.95) 44%,rgba(12,94,156,.94)) padding-box,
    linear-gradient(135deg,rgba(255,205,86,.95) 0%,rgba(255,121,92,.96) 18%,rgba(255,74,167,.96) 42%,rgba(129,92,255,.96) 68%,rgba(43,211,255,.96) 86%,rgba(100,255,200,.94) 100%) border-box;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 18px rgba(255,76,164,.18),
    0 0 36px rgba(71,181,255,.18),
    0 18px 46px rgba(9,14,29,.28),
    0 8px 18px rgba(29,86,174,.18);
  opacity:0;
  transform:translateY(8px) scale(.988);
  transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)
}
.ild-yt-home-popup__dialog::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:20px;
  background:
    radial-gradient(circle at 12% 16%,rgba(255,255,255,.15),transparent 28%),
    radial-gradient(circle at 86% 16%,rgba(48,214,255,.20),transparent 24%),
    radial-gradient(circle at 82% 86%,rgba(255,216,107,.18),transparent 24%);
  pointer-events:none;
}
.ild-yt-home-popup.is-open .ild-yt-home-popup__backdrop{opacity:1}
.ild-yt-home-popup.is-open .ild-yt-home-popup__dialog{opacity:1;transform:none}
.ild-yt-home-popup__brand{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:8px;
  min-width:0;
}
.ild-yt-home-popup__visual{
  width:118px;
  height:118px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:7px;
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 18px rgba(255,255,255,.06),0 10px 24px rgba(6,10,20,.20)
}
.ild-yt-home-popup__logo{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 8px 12px rgba(8,12,24,.22))
}
.ild-yt-home-popup__content{position:relative;z-index:1;min-width:0}
.ild-yt-home-popup__close{
  position:absolute;
  top:10px;
  right:10px;
  width:31px;
  height:31px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  background:rgba(255,255,255,.10);
  color:#fff;
  font:400 21px/1 Arial,sans-serif;
  cursor:pointer;
  transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease
}
.ild-yt-home-popup__close:hover,.ild-yt-home-popup__close:focus-visible{
  background:rgba(255,255,255,.18);
  color:#fff;
  border-color:rgba(255,255,255,.35);
  box-shadow:0 0 14px rgba(99,220,255,.24);
  transform:scale(1.04);
  outline:none
}
.ild-yt-home-popup__eyebrow,.ild-yt-home-popup__youtube-mark{display:none!important}
.ild-yt-home-popup__title{
  margin:0 38px 8px 0!important;
  padding:0!important;
  color:#fff!important;
  font-size:1.38rem!important;
  line-height:1.18!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
  text-shadow:0 1px 0 rgba(0,0,0,.05)
}
.ild-yt-home-popup__text{
  margin:0;
  color:#fff!important;
  font-size:.96rem;
  line-height:1.56;
  font-weight:400
}
.ild-yt-home-popup__actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:15px
}
.ild-yt-home-popup__primary,.ild-yt-home-popup__secondary{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  padding:8px 14px;
  font:700 .80rem/1 'Andika',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;
  text-decoration:none!important;
  cursor:pointer;
  transition:transform .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease
}
.ild-yt-home-popup__primary{
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,#ff5a4d,#eb2b1f);
  color:#fff!important;
  box-shadow:0 8px 18px rgba(235,43,31,.28),inset 0 1px 0 rgba(255,255,255,.16)
}
.ild-yt-home-popup__primary:hover,.ild-yt-home-popup__primary:focus-visible{
  background:linear-gradient(180deg,#ff6658,#df2418);
  transform:translateY(-1px);
  box-shadow:0 10px 22px rgba(235,43,31,.34),0 0 14px rgba(255,105,92,.16);
  outline:none
}
.ild-yt-home-popup__secondary{
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.10);
  color:#fff!important
}
.ild-yt-home-popup__secondary:hover,.ild-yt-home-popup__secondary:focus-visible{
  background:rgba(255,255,255,.18);
  color:#fff;
  border-color:rgba(255,255,255,.32);
  outline:none
}
.ild-yt-home-popup__handle{
  margin:0;
  width:100%;
  max-width:118px;
  color:#fff!important;
  font-size:.80rem;
  line-height:1.15;
  font-weight:700;
  text-align:center;
  text-shadow:0 1px 0 rgba(0,0,0,.04);
  overflow-wrap:anywhere
}
html.ild-yt-home-popup-open,html.ild-yt-home-popup-open body{overflow:hidden!important}
html[data-bs-theme="dark"] .ild-yt-home-popup__dialog{
  background:
    linear-gradient(145deg,rgba(33,26,85,.97),rgba(51,21,110,.96) 44%,rgba(10,85,146,.95)) padding-box,
    linear-gradient(135deg,rgba(255,205,86,.95) 0%,rgba(255,121,92,.96) 18%,rgba(255,74,167,.96) 42%,rgba(129,92,255,.96) 68%,rgba(43,211,255,.96) 86%,rgba(100,255,200,.94) 100%) border-box;
}
@media(max-width:620px){
  .ild-yt-home-popup{padding:11px}
  .ild-yt-home-popup__dialog{
    grid-template-columns:96px minmax(0,1fr);
    gap:14px;
    width:min(490px,calc(100vw - 22px));
    padding:18px 17px 17px 15px;
    border-radius:20px
  }
  .ild-yt-home-popup__dialog::before{border-radius:18px}
  .ild-yt-home-popup__visual{width:96px;height:96px;padding:6px;border-radius:18px}
  .ild-yt-home-popup__close{top:8px;right:8px;width:28px;height:28px;font-size:20px}
  .ild-yt-home-popup__title{margin:0 30px 6px 0!important;font-size:1.16rem!important;line-height:1.18!important}
  .ild-yt-home-popup__text{font-size:.88rem;line-height:1.5}
  .ild-yt-home-popup__actions{margin-top:12px;gap:7px}
  .ild-yt-home-popup__primary,.ild-yt-home-popup__secondary{min-height:36px;padding:7px 12px;font-size:.75rem}
  .ild-yt-home-popup__handle{max-width:96px;font-size:.74rem}
}
@media(max-width:430px){
  .ild-yt-home-popup__dialog{grid-template-columns:1fr;gap:10px;text-align:center;padding:18px 15px 16px}
  .ild-yt-home-popup__brand{gap:7px}
  .ild-yt-home-popup__visual{width:88px;height:88px;margin:0 auto}
  .ild-yt-home-popup__handle{max-width:88px;margin:0 auto}
  .ild-yt-home-popup__title{margin:0 22px 6px!important}
  .ild-yt-home-popup__actions{justify-content:center}
}
@media(max-width:360px){
  .ild-yt-home-popup__actions{display:grid;grid-template-columns:1fr;width:100%}
  .ild-yt-home-popup__primary,.ild-yt-home-popup__secondary{width:100%}
}
@media(max-height:500px) and (min-width:621px){
  .ild-yt-home-popup__dialog{padding-top:16px;padding-bottom:16px;grid-template-columns:104px minmax(0,1fr)}
  .ild-yt-home-popup__visual{width:104px;height:104px}
  .ild-yt-home-popup__handle{max-width:104px}
  .ild-yt-home-popup__actions{margin-top:10px}
}
@media(prefers-reduced-motion:reduce){
  .ild-yt-home-popup__backdrop,.ild-yt-home-popup__dialog,.ild-yt-home-popup__close,.ild-yt-home-popup__primary,.ild-yt-home-popup__secondary{transition:none!important}
}
@media print{.ild-yt-home-popup{display:none!important}}