:root{
    --bg: #0b0d12;
    --panel: #12151c;
    --panel-2: #171b24;
    --border: rgba(255,255,255,0.08);
    --text: #f2f3f5;
    --muted: #8b93a1;
    --accent: #b91c3c;
    --accent-dim: #5c0f22;
    --accent-2: #d4a017;
    --glow: #38bdf8;
    --shadow: 0 20px 50px rgba(0,0,0,0.45);
    --shadow-sm: 0 6px 16px rgba(0,0,0,.28);
    --shadow-md: 0 16px 32px rgba(0,0,0,.35);
    --shadow-lg: 0 30px 60px rgba(0,0,0,.5);
    --radius: 14px;
  }
  html.light{
    --bg: #f5f6f8;
    --panel: #ffffff;
    --panel-2: #eef0f3;
    --border: rgba(10,12,20,0.08);
    --text: #14161c;
    --muted: #676f7d;
    --shadow: 0 20px 40px rgba(20,22,30,0.08);
  }

  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    background:
      radial-gradient(ellipse 900px 500px at 8% -5%, rgba(185,28,60,.16), transparent 60%),
      radial-gradient(ellipse 800px 600px at 100% 15%, rgba(56,189,248,.10), transparent 55%),
      radial-gradient(ellipse 700px 500px at 15% 85%, rgba(212,160,23,.08), transparent 55%),
      radial-gradient(ellipse 600px 500px at 90% 95%, rgba(185,28,60,.10), transparent 55%),
      var(--bg);
    background-attachment:fixed;
    color:var(--text);
    font-family:'Inter',sans-serif;
    transition:background .35s ease, color .35s ease;
    overflow-x:hidden;
  }
  html.light body{
    background:
      radial-gradient(ellipse 900px 500px at 8% -5%, rgba(185,28,60,.06), transparent 60%),
      radial-gradient(ellipse 800px 600px at 100% 15%, rgba(56,189,248,.06), transparent 55%),
      radial-gradient(ellipse 700px 500px at 15% 85%, rgba(212,160,23,.05), transparent 55%),
      var(--bg);
    background-attachment:fixed;
  }
  a{color:inherit;text-decoration:none;}
  ul{list-style:none;}
  img{max-width:100%;display:block;}
  .eyebrow{
    font-family:'JetBrains Mono',monospace;
    font-size:12px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--accent);
  }
  .mono{font-family:'JetBrains Mono',monospace;}
  .wrap{max-width:1240px;margin:0 auto;padding:0 32px;}
  .wrap-full{width:100%;padding:0 32px;}
  @media (min-width: 1500px){
    .wrap-full{padding:0 64px;}
  }
  @media (min-width: 1900px){
    .wrap-full{padding:0 100px;}
  }

  /* ---------- HEADER ---------- */
  header{
    position:sticky;top:0;z-index:100;
    background:color-mix(in srgb, var(--bg) 82%, transparent);
    backdrop-filter:blur(14px);
    border-bottom:1px solid var(--border);
  }
  .header-top{
    display:flex;align-items:center;justify-content:space-between;
    padding:16px 0 14px;
  }
  .header-bottom{
    display:flex;justify-content:center;
    padding:0 0 14px;
    border-top:1px solid var(--border);
    padding-top:12px;
  }
  .logo{
    font-family:'Sora',sans-serif;
    font-weight:800;font-size:19px;letter-spacing:-.01em;
    white-space:nowrap;
  }
  .header-top .logo{
    padding:0 18px;
  }
  .logo span{color:var(--accent);}
  nav ul{display:flex;gap:10px;flex-wrap:wrap;}
  nav a{
    font-size:13px;font-weight:600;color:#fff;
    letter-spacing:.03em;text-transform:uppercase;
    position:relative;
    padding:9px 16px;border-radius:8px;
    background:var(--accent);border:1.5px solid var(--accent);
    transition:color .2s ease, background .2s ease, border-color .2s ease;
  }
  nav a:hover{background:var(--accent-dim);border-color:var(--accent-dim);color:#fff;}
  nav a.active{
    color:#1a0d05;background:#d4a017;border-color:#d4a017;
  }
  .nav-actions{display:flex;align-items:center;gap:14px;}
  .icon-btn{
    width:38px;height:38px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    border:1px solid var(--border);background:var(--panel);
    cursor:pointer;color:var(--text);
    transition:border-color .2s ease, transform .2s ease;
  }
  .icon-btn:hover{border-color:var(--accent);transform:translateY(-1px);}
  .icon-btn svg{width:17px;height:17px;}
  .burger{display:none;}

  /* ---------- HERO ---------- */
  .hero{
    position:relative;
    padding:72px 0 90px;
    overflow:hidden;
  }
  .hero-grid{
    display:grid;grid-template-columns:1.7fr 1fr;gap:36px;align-items:stretch;
  }
  .hero-main{
    position:relative;overflow:hidden;
    display:flex;align-items:center;
    min-height:360px;
    border-radius:var(--radius);
  }
  .hero-text{position:relative;z-index:2;max-width:520px;}
  .hero-globe-bg{
    position:absolute;top:50%;right:-14%;transform:translateY(-50%);
    z-index:0;pointer-events:none;
  }
  .hero-main::after{
    content:"";position:absolute;inset:0;z-index:1;
    background:linear-gradient(90deg, var(--bg) 22%, rgba(11,13,18,.55) 55%, rgba(11,13,18,0) 78%);
    pointer-events:none;
  }
  .badge{
    display:inline-block;background:var(--accent-2);color:#1a1206;
    font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;
    letter-spacing:.1em;text-transform:uppercase;
    padding:6px 12px;border-radius:6px;margin-bottom:22px;
    box-shadow:0 6px 16px rgba(212,160,23,.35);
  }
  h1.headline{
    font-family:'Sora',sans-serif;font-weight:700;
    font-size:29px;line-height:1.22;letter-spacing:-.01em;
    margin-bottom:20px;
  }
  .hero-date{
    color:var(--muted);font-family:'JetBrains Mono',monospace;font-size:13px;
    margin-bottom:30px;display:block;
  }
  .btn{
    display:inline-flex;align-items:center;gap:10px;
    background:var(--accent);color:#fff;border:none;
    font-family:'Inter',sans-serif;font-weight:600;font-size:14.5px;
    padding:14px 26px;border-radius:10px;cursor:pointer;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(185,28,60,.35);}
  .btn svg{width:15px;height:15px;}

  /* ---- 3D Globe visual ---- */
  .globe-stage{
    position:relative;height:460px;width:460px;
    display:flex;align-items:center;justify-content:center;
  }
  .glow-halo{
    position:absolute;width:420px;height:420px;border-radius:50%;
    background:radial-gradient(circle at 40% 35%, rgba(56,189,248,.35), rgba(56,189,248,0) 60%);
    filter:blur(10px);
    animation:pulse 5s ease-in-out infinite;
  }
  @keyframes pulse{
    0%,100%{transform:scale(1);opacity:.8;}
    50%{transform:scale(1.08);opacity:1;}
  }
  .globe-img{
    position:relative;z-index:2;width:340px;height:auto;
    filter:drop-shadow(0 25px 50px rgba(0,0,0,.55));
    animation:floatGlobe 6s ease-in-out infinite;
  }
  @keyframes floatGlobe{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-14px);}
  }
  .ring{
    position:absolute;border:1px solid rgba(56,189,248,.35);
    border-radius:50%;
  }
  .ring.r1{width:380px;height:380px;animation:spin 30s linear infinite;}
  .ring.r2{width:410px;height:410px;border-color:rgba(185,28,60,.2);animation:spin 50s linear infinite reverse;}
  @keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}

  /* ---------- HERO NEWS SIDEBAR ---------- */
  .hero-news{
    background:color-mix(in srgb, var(--panel) 72%, transparent);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border:1px solid var(--border);
    border-radius:var(--radius);overflow:hidden;
    align-self:stretch;
    display:flex;flex-direction:column;
  }
  .hero-news-title{
    font-family:'Sora',sans-serif;font-weight:700;font-size:12px;
    letter-spacing:.08em;text-transform:uppercase;color:var(--muted);
    padding:16px 16px 4px;
  }
  .hn-item{
    display:flex;gap:12px;padding:14px 16px;
    border-top:1px solid var(--border);
    cursor:pointer;transition:background .2s ease;
  }
  .hn-item:hover{background:var(--panel-2);}
  .hn-thumb{
    width:52px;height:52px;border-radius:9px;flex-shrink:0;
    background-size:cover;background-position:center;
  }
  .hn-info h4{
    font-family:'Sora',sans-serif;font-size:13px;font-weight:600;
    line-height:1.3;margin-bottom:5px;
  }
  .hn-info span{font-size:10.5px;color:var(--muted);font-family:'JetBrains Mono',monospace;}

  /* ---------- MAIN LAYOUT: topics ---------- */
  .content-grid{
    padding:20px 0 70px;
  }
  .section-title{
    font-family:'Sora',sans-serif;font-weight:700;font-size:14px;
    letter-spacing:.06em;text-transform:uppercase;color:var(--muted);
    margin-bottom:20px;display:flex;align-items:center;gap:10px;
  }
  .section-title::after{
    content:"";flex:1;height:1px;background:var(--border);
  }

  .latest-list{
    background:var(--panel);border:1px solid var(--border);
    border-radius:var(--radius);overflow:hidden;
  }
  .latest-item{
    display:flex;gap:14px;padding:16px;
    border-bottom:1px solid var(--border);
    transition:background .2s ease;
    cursor:pointer;
  }
  .latest-item:last-child{border-bottom:none;}
  .latest-item:hover{background:var(--panel-2);}
  .latest-thumb{
    width:64px;height:64px;border-radius:10px;flex-shrink:0;
    background:linear-gradient(135deg, var(--accent-dim), var(--panel-2));
    background-size:cover;background-position:center;
  }
  .latest-info h4{
    font-family:'Sora',sans-serif;font-size:14.5px;font-weight:600;
    line-height:1.35;margin-bottom:6px;
  }
  .latest-info span{
    font-size:11.5px;color:var(--muted);
  }

  /* ---------- POPULAR TOPICS ---------- */
  .topics-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:22px;
  }
  .topic-card{
    border-radius:var(--radius);overflow:hidden;
    background:color-mix(in srgb, var(--panel) 72%, transparent);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border:1px solid var(--border);
    cursor:pointer;
    box-shadow:var(--shadow-sm);
    transition:transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .4s ease, border-color .3s ease;
  }
  .topic-card:hover{transform:translateY(-8px) scale(1.012);box-shadow:var(--shadow-lg);}
  .topic-img{
    height:130px;background-size:cover;background-position:center;
    position:relative;
  }
  .topic-body{padding:14px 16px 18px;}
  .topic-body h4{font-family:'Sora',sans-serif;font-size:15px;font-weight:600;margin-bottom:6px;}
  .topic-body span{font-size:11.5px;color:var(--muted);font-family:'JetBrains Mono',monospace;}

  /* ---------- FOOTER ---------- */
  footer{
    border-top:1px solid var(--border);
    padding:50px 0 0;margin-top:20px;
  }
  .footer-columns{
    display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:36px;
    padding-bottom:36px;
  }
  .footer-col h4{
    font-family:'Sora',sans-serif;font-size:14px;font-weight:700;
    margin-bottom:16px;color:var(--text);
  }
  .footer-about{color:var(--muted);font-size:13.5px;line-height:1.7;margin-bottom:18px;max-width:320px;}
  .footer-links-list{display:flex;flex-direction:column;gap:10px;}
  .footer-links-list a, .footer-links-list li{color:var(--muted);font-size:13.5px;}
  .footer-links-list a{transition:color .2s ease;}
  .footer-links-list a:hover{color:var(--accent);}
  .footer-powered{
    display:flex;justify-content:center;
    padding-top:22px;
  }
  .footer-bottom{
    border-top:1px solid var(--border);
    padding:18px 0;
    display:flex;align-items:center;justify-content:space-between;
    flex-wrap:wrap;gap:14px;
  }
  .footer-bottom p{color:var(--muted);font-size:12.5px;}
  @media (min-width: 981px){
    .footer-bottom{padding-left:50px;padding-right:50px;}
  }
  .powered-by-badge{
    display:inline-flex;align-items:center;gap:8px;
    border:1px solid var(--border);border-radius:999px;
    padding:7px 16px;font-size:12.5px;color:var(--muted);
    transition:border-color .2s ease, color .2s ease;
  }
  .powered-by-badge svg{width:15px;height:15px;flex-shrink:0;}
  .powered-by-badge strong{color:var(--text);font-weight:600;}
  .powered-by-badge:hover{border-color:var(--accent);color:var(--text);}
  @media (max-width: 600px){
    .footer-bottom{justify-content:center;text-align:center;}
  }

  /* ---------- Sosial ikonlar ---------- */
  .social-icons-row{display:flex;gap:10px;}
  .social-icons-inline{display:flex;gap:8px;padding-right:6px;margin-right:6px;border-right:1px solid var(--border);}
  @media (max-width: 640px){ .social-icons-inline{display:none;} }

  /* ---------- Dil dəyişdirmə (AZ/RU) ---------- */
  .logo-group{display:flex;align-items:center;gap:14px;}
  .lang-switch{
    display:flex;gap:3px;padding:3px;
    background:var(--panel);border:1px solid var(--border);border-radius:999px;
  }
  .lang-switch a{
    padding:5px 10px;border-radius:999px;
    font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:700;
    color:var(--muted);transition:background .2s ease, color .2s ease;
  }
  .lang-switch a.active{background:var(--accent);color:#fff;}
  .lang-switch a:not(.active):hover{color:var(--text);}
  .social-icon{
    width:34px;height:34px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    color:#fff;border:1px solid transparent;
    transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
  }
  .social-icon svg{width:20px;height:20px;}
  .social-icon:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 8px 18px rgba(0,0,0,.28);}

  /* Orijinal brend rəngləri */
  .social-facebook{background:#1877F2;}
  .social-instagram{
    background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  }
  .social-youtube{background:#FF0000;}
  .social-tiktok{background:#010101;position:relative;overflow:hidden;}
  .social-tiktok::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(90deg, rgba(37,244,238,.55) 0%, transparent 35%, transparent 65%, rgba(254,44,85,.55) 100%);
  }
  .social-tiktok svg{position:relative;z-index:1;}
  .social-telegram{background:#229ED9;}

  @media (max-width: 780px){
    .footer-columns{grid-template-columns:1fr;gap:28px;}
  }

  /* ---------- RESPONSIVE ---------- */
  @media (max-width: 980px){
    nav{display:none;}
    .header-bottom{padding:0;border-top:none;}
    .burger{display:flex;}
    .hero-grid{grid-template-columns:1fr;}
    .hero-main{min-height:260px;padding:24px 0;}
    .hero-globe-bg{right:-8%;opacity:.6;}
    .hero-main::after{background:linear-gradient(90deg, var(--bg) 8%, rgba(11,13,18,.4) 38%, rgba(11,13,18,0) 62%);}
    .globe-stage{height:320px;width:320px;}
    .topics-grid{grid-template-columns:1fr 1fr;}
    h1.headline{font-size:26px;}
  }
  @media (max-width: 560px){
    .wrap{padding:0 18px;}
    .wrap-full{padding:0 18px;}
    .topics-grid{grid-template-columns:1fr;}
    .hero-main{min-height:300px;}
    .hero-globe-bg{right:-2%;opacity:.7;}
    .globe-stage{height:260px;width:260px;}
    .globe-img{width:200px;}
  }

  /* accessibility */
  a:focus-visible, button:focus-visible, .icon-btn:focus-visible{
    outline:2px solid var(--glow);outline-offset:2px;
  }
  @media (prefers-reduced-motion: reduce){
    *{animation:none !important;transition:none !important;}
  }

  /* ==================================================================
     PREMIUM CİLALAMA (hover zoom, overlay, incə animasiyalar)
  ================================================================== */

  /* Şəkil konteynerləri üzərində zoom effekti üçün overflow həmişə hidden olsun */
  .topic-img, .hn-thumb, .article-cover{
    position:relative;overflow:hidden;
    background-size:cover !important;
    background-position:center !important;
    background-repeat:no-repeat !important;
    transition:transform .5s cubic-bezier(.2,.8,.2,1);
  }
  .topic-card:hover .topic-img{transform:scale(1.07);}
  .hn-item:hover .hn-thumb{transform:scale(1.1);}

  /* Şəklin üzərinə incə qaranlıq overlay - kontrast və premium dərinlik hissi üçün */
  .topic-img::after, .article-cover::after{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,.35) 100%);
    opacity:0;transition:opacity .35s ease;
    pointer-events:none;
  }
  .topic-card:hover .topic-img::after{opacity:1;}

  /* Duotone: bütün kart şəkillərinə brend rənglərinə uyğun ikirəngli filtr,
     mənbə nə olursa olsun vahid vizual dil yaradır */
  .topic-img::before, .hn-thumb::before, .article-cover::before{
    content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(135deg, var(--accent) 0%, transparent 55%, var(--accent-2) 100%);
    mix-blend-mode:color;opacity:.4;
  }

  /* Kartların hover zamanı sərhəd rənginin dəyişməsi */
  .topic-card:hover{border-color:var(--accent);}

  /* hn-item hover zamanı sol tərəfdə incə aksent zolağı */
  .hn-item{position:relative;border-left:2px solid transparent;transition:background .2s ease, border-color .2s ease;}
  .hn-item:hover{border-left-color:var(--accent);}

  /* Səhifə yüklənəndə incə fade-in-up animasiyası */
  @keyframes fadeInUp{
    from{opacity:0;transform:translateY(14px);}
    to{opacity:1;transform:translateY(0);}
  }
  .hero, .content-grid{
    animation:fadeInUp .6s cubic-bezier(.2,.8,.2,1) both;
  }
  .content-grid{animation-delay:.08s;}

  /* Düymələrdə daha "premium" bas hissi */
  .btn{position:relative;overflow:hidden;}
  .btn:active{transform:translateY(0px) scale(.98);}

  /* ---------- AXTARIŞ QUTUSU (header) ---------- */
  .search-box{
    position:absolute;top:100%;right:0;margin-top:10px;
    width:280px;background:var(--panel);border:1px solid var(--border);
    border-radius:12px;box-shadow:var(--shadow);
    padding:10px;display:flex;gap:8px;
    opacity:0;visibility:hidden;transform:translateY(-8px);
    transition:opacity .25s ease, transform .25s ease, visibility .25s ease;
    z-index:200;
  }
  .search-box.open{opacity:1;visibility:visible;transform:translateY(0);}
  .search-box input{
    flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;
    padding:9px 12px;color:var(--text);font-family:'Inter',sans-serif;font-size:14px;
  }
  .search-box input:focus{outline:2px solid var(--glow);outline-offset:1px;}
  .search-box button{
    background:var(--accent);color:#fff;border:none;border-radius:8px;
    padding:0 14px;cursor:pointer;font-weight:600;font-size:13px;
  }
  .nav-actions{position:relative;}

  /* ==================================================================
     ƏLAVƏ PREMİUM CİLALAMA — round 2
  ================================================================== */

  /* ---------- Kateqoriya nişanı (badge) ---------- */
  .cat-badge{
    position:absolute;top:12px;left:12px;z-index:2;
    background:rgba(10,12,18,.72);backdrop-filter:blur(6px);
    color:#fff;font-family:'JetBrains Mono',monospace;font-size:10.5px;
    font-weight:500;letter-spacing:.08em;text-transform:uppercase;
    padding:5px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.12);
  }

  /* ---------- Jurnal tipli grid (magazine layout) ---------- */
  .magazine-grid{
    display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:auto auto;gap:22px;
  }
  .magazine-grid .topic-card.feature-lg{
    grid-row:span 2;
  }
  .magazine-grid .topic-card.feature-lg .topic-img{height:100%;min-height:340px;}
  .magazine-grid .topic-card:not(.feature-lg) .topic-img{height:150px;}
  @media (max-width: 980px){
    .magazine-grid{grid-template-columns:1fr;grid-template-rows:auto;}
    .magazine-grid .topic-card.feature-lg{grid-row:auto;}
    .magazine-grid .topic-card.feature-lg .topic-img{min-height:220px;}
  }

  /* ---------- Scroll-reveal (JS ilə .in-view əlavə olunur) ---------- */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s cubic-bezier(.2,.8,.2,1), transform .6s cubic-bezier(.2,.8,.2,1);}
  .reveal.in-view{opacity:1;transform:translateY(0);}
  .topics-grid .topic-card:nth-child(1).reveal, .magazine-grid .topic-card:nth-child(1).reveal{transition-delay:.03s;}
  .topics-grid .topic-card:nth-child(2).reveal, .magazine-grid .topic-card:nth-child(2).reveal{transition-delay:.09s;}
  .topics-grid .topic-card:nth-child(3).reveal, .magazine-grid .topic-card:nth-child(3).reveal{transition-delay:.15s;}
  .topics-grid .topic-card:nth-child(4).reveal, .magazine-grid .topic-card:nth-child(4).reveal{transition-delay:.21s;}

  /* ---------- Səhifə keçid fade ---------- */
  body{transition:opacity .3s ease, transform .3s ease;transform:translateY(0);}
  body.page-leaving{opacity:0;transform:translateY(-10px);}

  /* ---------- Yuxarı qayıt düyməsi ---------- */
  .back-to-top{
    position:fixed;bottom:26px;right:26px;z-index:150;
    width:46px;height:46px;border-radius:50%;
    background:var(--accent);color:#fff;border:none;cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 10px 25px rgba(185,28,60,.4);
    opacity:0;visibility:hidden;transform:translateY(12px);
    transition:opacity .3s ease, transform .3s ease, visibility .3s ease;
  }
  .back-to-top.show{opacity:1;visibility:visible;transform:translateY(0);}
  .back-to-top svg{width:20px;height:20px;}
  .back-to-top:hover{transform:translateY(-3px);}

  /* ---------- Oxu proqres zolağı ---------- */
  .reading-progress{
    position:fixed;top:0;left:0;height:3px;width:0%;
    background:linear-gradient(90deg, var(--accent), var(--glow));
    z-index:300;transition:width .1s linear;
  }

  /* ---------- Drop cap (məqalənin ilk hərfi) ---------- */
  .article-body > p:first-of-type::first-letter{
    font-family:'Sora',sans-serif;font-weight:800;font-size:58px;line-height:.8;
    float:left;margin:6px 10px 0 0;color:var(--accent);
  }

  /* ---------- Grain texture (incə toz effekti) ---------- */
  .grain-overlay{
    position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.035;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    mix-blend-mode:overlay;
  }

  /* ---------- Xüsusi scrollbar ---------- */
  ::-webkit-scrollbar{width:10px;height:10px;}
  ::-webkit-scrollbar-track{background:var(--bg);}
  ::-webkit-scrollbar-thumb{background:var(--panel-2);border-radius:6px;border:2px solid var(--bg);}
  ::-webkit-scrollbar-thumb:hover{background:var(--accent-dim);}
  html{scrollbar-color:var(--panel-2) var(--bg);scrollbar-width:thin;}

  /* ---------- Hero ətrafında üzən "işartı" detalları ---------- */
  .floating-dot{
    position:absolute;border-radius:50%;pointer-events:none;
    background:var(--glow);filter:blur(1px);opacity:.7;
    animation:floatDot 6s ease-in-out infinite;
  }
  .floating-dot.fd1{width:6px;height:6px;top:15%;left:8%;animation-delay:0s;}
  .floating-dot.fd2{width:4px;height:4px;top:70%;left:14%;background:var(--accent);animation-delay:1.2s;}
  .floating-dot.fd3{width:5px;height:5px;top:25%;right:10%;animation-delay:2.4s;}
  .floating-dot.fd4{width:3px;height:3px;top:80%;right:18%;background:var(--accent);animation-delay:3.6s;}
  @keyframes floatDot{
    0%,100%{transform:translateY(0) scale(1);opacity:.5;}
    50%{transform:translateY(-16px) scale(1.3);opacity:1;}
  }

  /* ---------- Mobil slide-in menyu ---------- */
  .nav-close{display:none;}
  .nav-backdrop{
    display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:249;
    opacity:0;visibility:hidden;transition:opacity .3s ease, visibility .3s ease;
  }
  .nav-backdrop.show{opacity:1;visibility:visible;}
  @media (max-width: 980px){
    nav#mainNav{
      display:block;position:fixed;top:0;right:0;height:100vh;width:78%;max-width:320px;
      background:var(--panel);border-left:1px solid var(--border);z-index:250;
      padding:24px 22px;transform:translateX(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);
      overflow-y:auto;
    }
    nav#mainNav.open{transform:translateX(0);}
    nav#mainNav ul{display:flex;flex-direction:column;gap:4px;margin-top:20px;}
    nav#mainNav a{
      display:block;padding:12px 10px;border-radius:8px;font-size:15px;
    }
    nav#mainNav a:hover, nav#mainNav a.active{background:var(--panel-2);}
    nav#mainNav a.active::after{display:none;}
    .nav-close{display:flex;margin-left:auto;}
  }

  /* ---------- Boş vəziyyət illüstrasiyası ---------- */
  .empty-state{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;padding:60px 20px;color:var(--muted);
  }
  .empty-state svg{width:64px;height:64px;margin-bottom:18px;opacity:.5;}
  .empty-state h4{font-family:'Sora',sans-serif;color:var(--text);font-size:16px;margin-bottom:6px;}
  .empty-state p{font-size:13.5px;}

  /* ==================================================================
     STATİK SƏHİFƏLƏR (Haqqımızda, Məxfilik, Əlaqə)
  ================================================================== */
  .static-page-body{line-height:1.8;font-size:15.5px;color:var(--text);}
  .static-page-body p{margin-bottom:16px;}
  .static-page-body h3{
    font-family:'Sora',sans-serif;font-size:18px;font-weight:700;
    margin:28px 0 12px;color:var(--text);
  }
  .static-page-body code{
    background:var(--panel-2);padding:2px 7px;border-radius:5px;
    font-family:'JetBrains Mono',monospace;font-size:12.5px;
  }

  /* ---------- Əlaqə səhifəsi ---------- */
  .contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:24px;}
  .admin-card{
    background:color-mix(in srgb, var(--panel) 72%, transparent);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border:1px solid var(--border);border-radius:var(--radius);
    padding:26px;
  }
  .contact-info h3{font-family:'Sora',sans-serif;font-size:18px;margin-bottom:8px;}
  .contact-item{margin-top:18px;}
  .contact-item p{font-size:15px;margin-top:4px;}

  .form-group{margin-bottom:18px;}
  .form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:var(--text);}
  .form-control{
    width:100%;padding:11px 14px;border-radius:9px;border:1px solid var(--border);
    background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;font-size:14px;
  }
  .form-control:focus{outline:2px solid var(--glow);outline-offset:1px;}
  textarea.form-control{resize:vertical;}

  .alert-success{
    background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.3);
    color:var(--text);padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px;
  }
  .alert-error{
    background:rgba(230,57,79,.12);border:1px solid rgba(230,57,79,.35);
    color:var(--text);padding:12px 16px;border-radius:10px;margin-bottom:20px;font-size:14px;
  }

  @media (max-width: 780px){
    .contact-grid{grid-template-columns:1fr;}
  }

  /* ---------- Kateqoriya səhifəsi: rəngli aksent zolağı + ambient tint ---------- */
  .category-accent-bar{
    height:4px;width:100%;
    box-shadow:0 0 20px 0 currentColor;
  }
  .category-page{
    position:relative;
  }
  .category-page::before{
    content:"";position:absolute;top:-40px;left:50%;transform:translateX(-50%);
    width:900px;height:400px;max-width:140vw;
    background:radial-gradient(ellipse, var(--cat-color, var(--accent)), transparent 70%);
    opacity:.12;filter:blur(40px);
    pointer-events:none;z-index:-1;
  }

  /* ---------- Oxunma sayı (göz ikonu) ---------- */
  .card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
  .view-count{
    display:inline-flex;align-items:center;gap:4px;
    color:var(--muted);font-size:11.5px;font-family:'JetBrains Mono',monospace;
  }
  .view-count svg{width:13px;height:13px;flex-shrink:0;}
  .article-meta-row{display:flex;align-items:center;gap:16px;margin-bottom:24px;}
  .article-meta-row .view-count{font-size:13px;}
  .article-meta-row .view-count svg{width:15px;height:15px;}

  /* ---------- Reklam yerləri (desktop, sol/sağ) ---------- */
  .page-shell{display:block;}
  .page-main{min-width:0;}
  .ad-slot{
    display:none;
    width:160px;z-index:20;
  }
  .ad-slot-inner{
    display:block;
    min-height:600px;border-radius:14px;
    overflow:hidden;
    border:1px solid var(--border);
    box-shadow:0 20px 40px rgba(0,0,0,.35);
    transition:transform .25s ease, box-shadow .25s ease;
  }
  .ad-slot-inner:hover{
    transform:translateY(-3px);
    box-shadow:0 26px 50px rgba(0,0,0,.4);
  }
  .ad-slot-img{
    width:100%;height:100%;min-height:600px;
    object-fit:contain;display:block;
    background:var(--panel);
  }
  /* Miqyaslanmış (125%/150%) noutbuk ekranlarında da sığsın deyə həddi aşağı salırıq.
     "sticky" mövqeləndirmə page-shell (yalnız əsas məzmun) hüdudunda qalır,
     ona görə reklam footer-in üstünə çıxmır — footer başlayanda avtomatik dayanır. */
  @media (min-width: 1200px){
    .page-shell{
      display:grid;
      grid-template-columns:160px minmax(0,1fr) 160px;
      align-items:start;
      column-gap:0;
    }
    .ad-slot{
      display:flex;justify-content:center;
      position:sticky;top:130px;
      align-self:start;
    }
  }

  /* Ekran genişləndikcə reklam bloku da mütənasib böyüyür ki, boş sahə israf olmasın */
  @media (min-width: 1500px){
    .page-shell{grid-template-columns:190px minmax(0,1fr) 190px;}
    .ad-slot{width:190px;}
    .ad-slot-inner, .ad-slot-img{min-height:640px;}
  }
  @media (min-width: 1800px){
    .page-shell{grid-template-columns:230px minmax(0,1fr) 230px;}
    .ad-slot{width:230px;}
    .ad-slot-inner, .ad-slot-img{min-height:680px;}
  }
  @media (min-width: 2200px){
    .page-shell{grid-template-columns:280px minmax(0,1fr) 280px;}
    .ad-slot{width:280px;}
    .ad-slot-inner, .ad-slot-img{min-height:720px;}
  }

  /* ---------- Xəbər detalı səhifəsi (responsiv) ---------- */
  .article-layout{
    display:grid;grid-template-columns:2fr 1fr;gap:32px;
  }
  .article-title{
    font-family:'Sora',sans-serif;font-weight:700;
    font-size:26px;line-height:1.28;letter-spacing:-.01em;
    margin:12px 0 16px;
  }
  .article-cover{
    height:320px;border-radius:var(--radius);margin-bottom:28px;
  }
  .article-body{
    line-height:1.8;color:var(--text);font-size:16px;
  }
  @media (max-width: 860px){
    .article-layout{grid-template-columns:1fr;}
    .article-title{font-size:21px;line-height:1.32;}
    .article-cover{height:200px;margin-bottom:20px;}
    .article-body{font-size:15px;}
    .article-body > p:first-of-type::first-letter{font-size:38px;}
  }