html { scroll-behavior: smooth; }
    body { font-family: 'Inter', system-ui, sans-serif; color: #0f172a; background: #f8fafc; -webkit-font-smoothing: antialiased; }

    /* Hero arka plan: yumuşak su gradient'i + ince dalga deseni */
    .hero-bg {
      background:
        radial-gradient(1200px 600px at 85% 0%, rgba(14,165,233,0.12), transparent 60%),
        radial-gradient(900px 500px at 0% 100%, rgba(2,132,199,0.10), transparent 55%),
        linear-gradient(180deg, #f0f9ff 0%, #ffffff 60%, #f8fafc 100%);
    }
    .hero-pattern::before {
      content: ''; position: absolute; inset: 0; pointer-events: none; opacity: 0.4;
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'><path d='M0 40 Q20 20 40 40 T80 40' fill='none' stroke='%230ea5e9' stroke-opacity='0.08' stroke-width='1.5'/></svg>");
      background-size: 80px 80px;
    }

    /* Görsel fallback: görsel yüklenemezse altta hoş bir gradient kalır */
    .img-fallback { background: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 50%, #7dd3fc 100%); }

    /* Scroll reveal */
    .reveal { opacity: 0; transform: translateY(28px); transition: opacity .7s ease, transform .7s ease; }
    .reveal.is-visible { opacity: 1; transform: translateY(0); }

    /* Sticky header shrink durumu */
    header.is-shrunk { box-shadow: 0 6px 20px -10px rgba(15,23,42,0.18); }
    header.is-shrunk .header-bar { padding-top: .4rem; padding-bottom: .4rem; }
    header.is-shrunk .logo-img { height: 2.5rem; }

    /* Aktif menü linki */
    .nav-link.is-active { color: #d71920; }
    .nav-link.is-active::after {
      content: ''; display:block; height:2px; background:#d71920;
      width:100%; margin-top:2px; border-radius:2px;
    }

    /* Slick override */
    .slick-prev:before, .slick-next:before { color: #0284c7; font-size: 28px; }
    .slick-dots li button:before { font-size: 10px; color: #0284c7; opacity: .35; }
    .slick-dots li.slick-active button:before { color: #d71920; opacity: 1; }
    .slick-slide { padding: 0 8px; }

    /* Marquee benzeri yumuşak su efekti */
    @keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
    .floaty { animation: floaty 4s ease-in-out infinite; }

    /* Belge kartı şerit dekoru */
    .doc-stripe { background: linear-gradient(135deg, #0284c7 0%, #0ea5e9 100%); }
    .doc-stripe-red { background: linear-gradient(135deg, #d71920 0%, #ef4444 100%); }

    /* FAQ accordion smooth height */
    .faq-body { max-height: 0; overflow: hidden; transition: max-height .35s ease; }
    .faq-item.open .faq-body { max-height: 600px; }
    .faq-item.open .faq-toggle i { transform: rotate(180deg); }
    .faq-toggle i { transition: transform .3s ease; }

    /* Bar chart */
    .bar { height: 14px; border-radius: 999px; background: linear-gradient(90deg, #0ea5e9, #0284c7); transition: width 1.2s ease; }
    .bar-red { background: linear-gradient(90deg, #fb7185, #d71920); }

    /* Modal */
    .modal-backdrop { backdrop-filter: blur(6px); background: rgba(15,23,42,0.55); }

    /* Form hata stili */
    .input-error { border-color: #d71920 !important; box-shadow: 0 0 0 3px rgba(215,25,32,0.12); }
    .input-error-msg { color: #d71920; font-size: .8rem; margin-top: .25rem; display:block; }

    /* Custom scrollbar (sadece desktop) */
    @media (min-width: 1024px) {
      ::-webkit-scrollbar { width: 10px; height: 10px; }
      ::-webkit-scrollbar-track { background: #f1f5f9; }
      ::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 999px; }
      ::-webkit-scrollbar-thumb:hover { background: #94a3b8; }
    }

    /* Stepper bağlantı çizgisi */
    .step-line { background-image: linear-gradient(to right, #cbd5e1 50%, transparent 50%); background-size: 12px 2px; background-repeat: repeat-x; background-position: 0 50%; }

    /* Teknik tablo nowrap önleme */
    .tech-row td { word-break: break-word; }

    /* ============================================================
       HERO — SOFT LIGHT CINEMATIC BANNER
       ============================================================ */
    .hero-light {
      background: #ffffff;
    }

    /* Diyagonal çizgi pattern — light theme */
    .diag-pattern {
      position: absolute; inset: 0; pointer-events: none; opacity: 0.65;
      background-image: repeating-linear-gradient(
        -42deg,
        transparent 0,
        transparent 90px,
        rgba(2,132,199,0.05) 90px,
        rgba(2,132,199,0.05) 91px
      );
    }
    /* İkincil diyagonal — daha sık ve ters yön */
    .diag-pattern-fine {
      position: absolute; inset: 0; pointer-events: none; opacity: 0.5;
      background-image: repeating-linear-gradient(
        45deg,
        transparent 0,
        transparent 30px,
        rgba(215, 25, 32, 0.04) 30px,
        rgba(215, 25, 32, 0.04) 31px
      );
    }

    /* === Uploads kolaj / flama şeridi — hero arka plan dekoratif === */
    .hero-collage {
      position: absolute; inset: 0; overflow: hidden; pointer-events: none; z-index: 0;
    }
    .hero-collage-row {
      position: absolute; left: -6%; right: -6%; display: flex; gap: 14px;
      transform: rotate(-3deg);
      will-change: transform;
    }
    .hero-collage-row.top    { top: 6%; }
    .hero-collage-row.bottom { bottom: 4%; transform: rotate(2.5deg); }
    .hero-collage-row .flag {
      flex: 1 1 0; min-width: 130px; max-width: 220px;
      aspect-ratio: 4 / 3;
      border-radius: 14px; overflow: hidden;
      box-shadow: 0 18px 40px -18px rgba(15,23,42,0.25);
      border: 3px solid #ffffff;
      transform-origin: center;
    }
    .hero-collage-row .flag:nth-child(odd)  { transform: rotate(-2deg) translateY(-6px); }
    .hero-collage-row .flag:nth-child(even) { transform: rotate(2.5deg) translateY(8px); }
    .hero-collage-row .flag img {
      width: 100%; height: 100%; object-fit: cover;
      filter: saturate(0.85) contrast(1.02);
    }
    /* Beyaz wash — merkez daha kapalı (yazı okunsun), kenarlar açık (kolaj görünsün) */
    .hero-collage-wash {
      position: absolute; inset: 0;
      background:
        radial-gradient(ellipse 60% 60% at 50% 50%, rgba(255,255,255,0.92) 0%, rgba(255,255,255,0.78) 55%, rgba(255,255,255,0.55) 100%),
        linear-gradient(180deg, rgba(240,249,255,0.45) 0%, rgba(255,255,255,0.35) 50%, rgba(239,246,255,0.55) 100%);
    }
    @media (max-width: 1023px) {
      .hero-collage-row .flag { min-width: 100px; max-width: 160px; }
    }

    /* Hex/grid pattern — light bölümler için ince dekor */
    .hex-pattern {
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='52' viewBox='0 0 60 52'><polygon points='30,2 56,17 56,37 30,52 4,37 4,17' fill='none' stroke='%230284c7' stroke-opacity='0.08' stroke-width='1'/></svg>");
      background-size: 60px 52px;
    }

    /* Glassmorphism rozet — koyu tema (videolar bölümü vb.) */
    .glass-badge {
      background: rgba(0, 62, 158, 0.06);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(255,255,255,0.12);
    }
    .glass-badge:hover { background: rgba(255,255,255,0.10); }

    /* Hero light scope — glass-badge & stat-card light varyant */
    .hero-light .glass-badge {
      background: rgba(255,255,255,0.78);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border: 1px solid rgba(2,132,199,0.18);
      box-shadow: 0 10px 24px -14px rgba(2,132,199,0.25);
    }
    .hero-light .glass-badge:hover { background: rgba(255,255,255,0.92); }

    /* Header nav — mockup: büyük harf + aktif/hover kırmızı alt çizgi */
    .nav-link {
      text-transform: uppercase;
      letter-spacing: 0.02em;
      position: relative;
      padding-bottom: 4px;
    }
    .nav-link::after {
      content: '';
      position: absolute;
      left: 0; bottom: 0;
      width: 100%; height: 2px;
      background: #d71920;
      transform: scaleX(0);
      transform-origin: center;
      transition: transform .25s ease;
    }
    .nav-link:hover::after,
    .nav-link-active::after { transform: scaleX(1); }
    .nav-link-active { color: #d71920; }

    /* Mega tipografi */
    .text-mega {
      letter-spacing: -0.05em;
      font-weight: 900;
      text-shadow: 0 6px 30px rgba(2,132,199,0.15);
      line-height: 0.85;
    }

    /* RTL (Arapça) düzeltmeleri:
       - background-clip:text yalnızca satır kutusunu boyar; 0.85 line-height'ta
         Arap harflerinin üst/alt çıkıntıları kutu dışında kalıp şeffaf (kesik) görünür.
       - Negatif letter-spacing bitişik Arap yazısında harf bağlantılarını bozar. */
    [dir="rtl"] .text-mega {
      line-height: 1.25;
      letter-spacing: 0;
    }
    [dir="rtl"] .text-gradient-blue,
    [dir="rtl"] .text-gradient-dark,
    [dir="rtl"] .text-gradient-light,
    [dir="rtl"] .text-gradient-red {
      line-height: 1.25;
    }

    /* === Animasyonlar === */
    @keyframes glowPulse {
      0%, 100% { opacity: 0.45; transform: scale(1); }
      50% { opacity: 0.85; transform: scale(1.06); }
    }
    .glow-pulse { animation: glowPulse 3.8s ease-in-out infinite; }

    @keyframes orbit {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }
    .orbit-slow { animation: orbit 40s linear infinite; }
    .orbit-rev  { animation: orbit 32s linear infinite reverse; }

    @keyframes floatSoft {
      0%, 100% { transform: translateY(0) translateX(0); }
      33% { transform: translateY(-10px) translateX(4px); }
      66% { transform: translateY(5px) translateX(-3px); }
    }
    .float-soft { animation: floatSoft 7s ease-in-out infinite; }
    .float-soft.delay-1 { animation-delay: 1.2s; }
    .float-soft.delay-2 { animation-delay: 2.4s; }

    @keyframes drop {
      0%   { transform: translateY(-20px); opacity: 0; }
      30%  { opacity: 1; }
      80%  { opacity: 1; }
      100% { transform: translateY(60px); opacity: 0; }
    }
    .drop-anim { animation: drop 3.5s ease-in-out infinite; }

    @keyframes blinkDot {
      0%, 100% { opacity: 0.25; transform: scale(1); }
      50% { opacity: 1; transform: scale(1.4); }
    }
    .blink-dot { animation: blinkDot 2.5s ease-in-out infinite; }

    @keyframes shimmerX {
      0%   { transform: translateX(-120%); }
      100% { transform: translateX(120%); }
    }
    .shimmer-line {
      position: absolute; inset: 0; overflow: hidden; pointer-events: none; border-radius: inherit;
    }
    .shimmer-line::after {
      content: ''; position: absolute; top: 0; bottom: 0; width: 60%;
      background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);
      animation: shimmerX 4s ease-in-out infinite;
    }

    /* Geometrik dekor */
    .geo-circle { position: absolute; border-radius: 9999px; pointer-events: none; }
    .geo-square { position: absolute; pointer-events: none; }

    /* Hero CTA özel gölge */
    .btn-glow-red { box-shadow: 0 14px 40px -14px rgba(215, 25, 32, 0.7); }
    .btn-glow-red:hover { box-shadow: 0 18px 50px -12px rgba(215, 25, 32, 0.85); }

    /* Başlık altı vurgu çizgisi */
    .title-underline { position: relative; display: inline-block; }
    .title-underline::after {
      content: ''; position: absolute; left: 0; bottom: -8px; height: 4px; width: 56px;
      background: linear-gradient(90deg, #d71920, #0284c7);
      border-radius: 999px;
    }
    .title-underline.center::after { left: 50%; transform: translateX(-50%); }

    /* === Hero ekstra cinematic dokunuşlar === */

    /* Spotlight conic gradient (hero arka planına ışık efekti) */
    .spotlight {
      position: absolute; inset: 0; pointer-events: none; opacity: 0.5;
      background: conic-gradient(from 180deg at 50% 50%,
        transparent 0deg,
        rgba(2,132,199,0.12) 60deg,
        transparent 120deg,
        transparent 240deg,
        rgba(215,25,32,0.10) 300deg,
        transparent 360deg);
    }

    /* Tipografi gradient — ANTIBLAST için (koyu temalı sayfalar) */
    .text-gradient-light {
      background: linear-gradient(180deg, #ffffff 0%, #ffffff 60%, rgba(255,255,255,0.55) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    /* Tipografi gradient — light hero için ANTIBLAST koyu tonlar */
    .text-gradient-dark {
      background: linear-gradient(180deg, #0f172a 0%, #1e3a8a 55%, #0284c7 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    /* Mavi gradient — ANTIBLAST + POLİÜREA için (eski / sade 3-stop)
       Üstte dark navy, ortada navy, altta parlak gök mavi — derinlik var ama temiz */
    .text-gradient-blue {
      background: linear-gradient(180deg, #0f172a 0%, #1e3a8a 55%, #0284c7 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    /* POLİÜREA özel kırmızı gradient */
    .text-gradient-red {
      background: linear-gradient(180deg, #d71920 0%, #a8131a 100%);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    /* Görsel etrafı dönen kesik halka */
    @keyframes ringSpin {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }
    .ring-spin {
      position: absolute; inset: -12px;
      border-radius: 9999px;
      border: 1px dashed rgba(2,132,199,0.28);
      animation: ringSpin 60s linear infinite;
    }
    .ring-spin-rev {
      position: absolute; inset: -28px;
      border-radius: 9999px;
      border: 1px dashed rgba(215,25,32,0.22);
      animation: ringSpin 80s linear infinite reverse;
    }

    /* Sol dikey accent çizgi */
    .left-accent {
      position: absolute; top: 0; bottom: 0; left: 0; width: 3px;
      background: linear-gradient(180deg, transparent 0%, #d71920 25%, #d71920 70%, transparent 100%);
      box-shadow: 0 0 30px rgba(215,25,32,0.45);
      z-index: 2;
    }

    /* Mini stat kart — light theme */
    .stat-card {
      background: linear-gradient(135deg, rgba(255,255,255,0.92) 0%, rgba(240,249,255,0.85) 100%);
      border: 1px solid rgba(2,132,199,0.18);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      box-shadow: 0 14px 30px -18px rgba(2,132,199,0.25);
    }
    .stat-card:hover {
      border-color: rgba(215,25,32,0.45);
      background: linear-gradient(135deg, rgba(255,255,255,0.98) 0%, rgba(254,242,242,0.85) 100%);
      box-shadow: 0 18px 36px -16px rgba(215,25,32,0.28);
    }

    /* Scroll indicator */
    @keyframes scrollHint {
      0% { transform: translateY(0); opacity: 1; }
      80% { transform: translateY(8px); opacity: 0; }
      100% { transform: translateY(0); opacity: 0; }
    }
    .scroll-dot { animation: scrollHint 2s ease-in-out infinite; }

    /* Pre-title etikete glow */
    .pre-title {
      position: relative;
      display: inline-flex;
      align-items: center;
      gap: 10px;
    }
    .pre-title::before {
      content: ''; width: 28px; height: 1px;
      background: linear-gradient(90deg, transparent, #d71920);
    }
    .pre-title::after {
      content: ''; width: 28px; height: 1px;
      background: linear-gradient(90deg, #d71920, transparent);
    }

    /* ============================================================
       GALERİ — CINEMATIC SLIDER
       ============================================================ */
    .gallery-slick .slick-list { overflow: visible; padding: 0 !important; }
    .gallery-slick .slick-slide {
      transition: transform .7s cubic-bezier(.65,0,.35,1), opacity .7s ease, filter .7s ease;
      opacity: 0.35;
      transform: scale(0.88);
      filter: saturate(0.6);
    }
    .gallery-slick .slick-slide.slick-center {
      opacity: 1;
      transform: scale(1);
      filter: saturate(1);
    }
    .gallery-slick .slick-slide > div { padding: 0 10px; }

    /* Custom gallery arrows */
    .gal-arrow {
      position: absolute; top: 50%; transform: translateY(-50%);
      width: 56px; height: 56px; border-radius: 9999px;
      background: white; border: 1px solid #e2e8f0;
      display: flex; align-items: center; justify-content: center;
      z-index: 20; cursor: pointer; color: #0f172a;
      box-shadow: 0 12px 32px -10px rgba(15,23,42,0.25);
      transition: all .35s ease;
    }
    .gal-arrow:hover {
      background: #d71920; border-color: #d71920; color: white;
      transform: translateY(-50%) scale(1.08);
    }
    .gal-arrow.prev { left: -28px; }
    .gal-arrow.next { right: -28px; }
    @media (max-width: 1023px) {
      .gal-arrow.prev { left: 8px; }
      .gal-arrow.next { right: 8px; }
      .gal-arrow { width: 44px; height: 44px; }
    }

    /* Galeri kartı */
    .gal-card {
      position: relative; border-radius: 1.5rem; overflow: hidden;
      aspect-ratio: 4 / 3; cursor: pointer;
      box-shadow: 0 20px 50px -20px rgba(15, 23, 42, 0.35);
      background: #e2e8f0;
    }
    .gal-card .gal-img {
      width: 100%; height: 100%; object-fit: cover;
      transition: transform .9s cubic-bezier(.2,.8,.2,1);
    }
    .gal-card:hover .gal-img { transform: scale(1.08); }
    .gal-card .gal-overlay {
      position: absolute; inset: 0;
      background: linear-gradient(180deg, rgba(15,23,42,0.0) 35%, rgba(15,23,42,0.55) 75%, rgba(15,23,42,0.92) 100%);
    }
    .gal-card .gal-num {
      position: absolute; top: 14px; left: 14px;
      background: rgba(255,255,255,0.95);
      color: #d71920; font-weight: 900; font-size: 11px;
      letter-spacing: .12em; padding: 5px 10px; border-radius: 999px;
      backdrop-filter: blur(6px);
    }
    .gal-card .gal-zoom {
      position: absolute; top: 14px; right: 14px;
      width: 38px; height: 38px; border-radius: 9999px;
      background: rgba(255,255,255,0.18); backdrop-filter: blur(10px);
      border: 1px solid rgba(255,255,255,0.3);
      display: flex; align-items: center; justify-content: center;
      color: white; font-size: 13px;
      opacity: 0; transform: scale(.8) translateY(-4px);
      transition: all .35s ease;
    }
    .gal-card:hover .gal-zoom { opacity: 1; transform: scale(1) translateY(0); }
    .gal-card .gal-body {
      position: absolute; left: 0; right: 0; bottom: 0;
      padding: 20px; color: white;
    }
    .gal-card .gal-cat {
      font-size: 10px; font-weight: 800; letter-spacing: .25em;
      text-transform: uppercase; color: #fca5a5;
    }
    .gal-card .gal-title {
      font-size: 16px; font-weight: 700; margin-top: 4px; line-height: 1.3;
    }

    /* Galeri progress bar */
    .gal-progress-bar {
      position: relative; height: 3px; width: 220px; max-width: 80vw;
      background: #e2e8f0; border-radius: 999px; overflow: hidden;
    }
    .gal-progress-bar::after {
      content: ''; position: absolute; top: 0; left: 0; bottom: 0;
      width: var(--p, 0%);
      background: linear-gradient(90deg, #d71920, #0284c7);
      transition: width .6s ease;
      border-radius: 999px;
    }

    /* ============================================================
       VIDEO KARTLARI — CINEMATIC
       ============================================================ */
    .vid-card {
      position: relative; border-radius: 1.5rem; overflow: hidden;
      aspect-ratio: 16 / 9; cursor: pointer; background: #0f172a;
      box-shadow: 0 20px 50px -20px rgba(0,0,0,0.5);
      transition: transform .4s ease;
    }
    .vid-card:hover { transform: translateY(-4px); }
    .vid-card .vid-poster {
      width: 100%; height: 100%; object-fit: cover;
      transition: transform .9s cubic-bezier(.2,.8,.2,1);
    }
    .vid-card:hover .vid-poster { transform: scale(1.07); }
    .vid-card .vid-overlay {
      position: absolute; inset: 0;
      background:
        linear-gradient(180deg, rgba(15,23,42,0.5) 0%, transparent 28%, transparent 55%, rgba(15,23,42,0.92) 100%);
    }
    .vid-card .vid-cat {
      position: absolute; top: 16px; left: 16px;
      background: #d71920; color: white;
      font-size: 10px; font-weight: 900; letter-spacing: .18em;
      padding: 6px 12px; border-radius: 999px;
      box-shadow: 0 8px 20px -8px rgba(215,25,32,0.6);
    }
    .vid-card .vid-cat.cat-blue { background: #0284c7; box-shadow: 0 8px 20px -8px rgba(2,132,199,0.6); }
    .vid-card .vid-info {
      position: absolute; bottom: 0; left: 0; right: 0;
      padding: 22px; color: white;
    }
    .vid-card .vid-info-cat {
      font-size: 10px; font-weight: 800; letter-spacing: .25em;
      text-transform: uppercase; color: #7dd3fc;
    }
    .vid-card .vid-info-title {
      font-size: 17px; font-weight: 800; margin-top: 4px; line-height: 1.3;
    }
    /* Featured tam satır banner — cinematic 21/9 oranı */
    .vid-card.featured { aspect-ratio: 21 / 9; }
    .vid-card.featured .vid-info { padding: 28px 32px; }
    .vid-card.featured .vid-info-title { font-size: 26px; }
    .vid-card.featured .vid-cat {
      font-size: 11px; padding: 8px 14px;
    }
    @media (max-width: 1023px) {
      /* Mobil/tablet: featured de standart 16/9 — tek sütun grid */
      .vid-card.featured { aspect-ratio: 16 / 9; }
      .vid-card.featured .vid-info { padding: 20px; }
      .vid-card.featured .vid-info-title { font-size: 20px; }
    }

    /* Çift halka play butonu */
    .vid-play {
      position: absolute; top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      width: 84px; height: 84px;
    }
    .vid-card.featured .vid-play { width: 100px; height: 100px; }
    .vid-play .ring-outer {
      position: absolute; inset: -14px;
      border-radius: 9999px;
      border: 2px solid rgba(255,255,255,0.35);
    }
    .vid-play .ring-pulse {
      position: absolute; inset: -2px;
      border-radius: 9999px;
      border: 2px solid rgba(255,255,255,0.45);
      animation: vidPulse 2.4s ease-in-out infinite;
    }
    @keyframes vidPulse {
      0%   { transform: scale(1); opacity: 0.7; }
      100% { transform: scale(1.45); opacity: 0; }
    }
    .vid-play .ring-mid {
      position: absolute; inset: 0;
      border-radius: 9999px;
      background: rgba(255,255,255,0.12);
      backdrop-filter: blur(10px);
      border: 1px solid rgba(255,255,255,0.35);
    }
    .vid-play .core {
      position: absolute; inset: 12px;
      border-radius: 9999px;
      background: linear-gradient(135deg, #ef4444 0%, #d71920 100%);
      display: flex; align-items: center; justify-content: center;
      color: white; font-size: 1.3rem;
      box-shadow: 0 14px 32px -10px rgba(215,25,32,0.7);
      transition: transform .3s;
    }
    .vid-card.featured .vid-play .core { font-size: 1.7rem; }
    .vid-card:hover .vid-play .core { transform: scale(1.08); }