:root{
      --bg:#0e0e0e;
      --bg-soft:#121212;
      --bg-dark:#0b0b0b;
      --border:#242424;
      --text:#eaeaea;
      --muted:#a5a5a5;
      --accent:#4da3ff;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
      background:var(--bg);
      color:var(--text);
      line-height:1.75;
    }
    a{color:var(--accent);text-decoration:none}
    a:hover{text-decoration:underline}

    /* ===== HEADER ===== */
    header{
      background:var(--bg-dark);
      border-bottom:1px solid var(--border);
      position:sticky;top:0;z-index:1000
    }
    .nav-wrap{
      max-width:1200px;margin:auto;padding:14px 20px;
      display:flex;justify-content:space-between;align-items:center
    }
    .brand{font-weight:700;font-size:1.05rem}
    .nav-links{display:flex;gap:22px}
    .nav-links a{color:#ccc;font-size:.95rem}
    .hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer}
    .hamburger span{width:22px;height:2px;background:#ccc}
    .mobile-menu{display:none;flex-direction:column;background:var(--bg-dark);border-top:1px solid var(--border)}
    .mobile-menu a{padding:14px 20px;border-bottom:1px solid #1a1a1a;color:#ddd}
    .nav-secondary{
      background:var(--bg-soft);border-top:1px solid var(--border)
    }
    .nav-secondary .inner{
      max-width:1200px;margin:auto;padding:8px 20px;
      display:flex;justify-content:space-between;flex-wrap:wrap;
      gap:6px;font-size:.85rem;color:var(--muted)
    }

    /* ===== HERO ===== */
    .hero{max-width:1100px;margin:40px auto 10px;padding:0 20px}
    .hero h1{font-size:2.6rem;line-height:1.25;margin-bottom:16px}
    .hero p{font-size:1.1rem;color:#d5d5d5;max-width:820px}

    .hero-img{max-width:1100px;margin:30px auto;padding:0 20px}
    .hero-img img{width:100%;border-radius:10px;display:block}

    /* ===== MAIN ===== */
    main{max-width:920px;margin:auto;padding:30px 20px 80px}
    section{margin-top:60px}
    h2{font-size:1.6rem;margin-bottom:14px}
    p{margin-bottom:18px;font-size:1.05rem}

    .editorial-box{
      background:var(--bg-soft);
      border:1px solid var(--border);
      border-radius:12px;
      padding:26px;
    }
    .editorial-box ul{margin:0;padding-left:18px}
    .editorial-box li{margin-bottom:10px;color:#d0d0d0}

    .faq{border-left:3px solid var(--accent);padding-left:18px}
    .faq p strong{display:block;margin-bottom:4px}

    .latest ul{padding-left:18px}
    .latest li{margin-bottom:10px}

    /* ===== FOOTER ===== */
    footer{
      background:var(--bg-dark);
      border-top:1px solid var(--border);
      padding:50px 20px;color:var(--muted)
    }
    .footer-grid{
      max-width:1200px;margin:auto;
      display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
      gap:32px
    }
    .footer-grid h3{color:var(--text);font-size:.95rem;margin-bottom:14px}
    .footer-grid a{display:block;margin-bottom:8px;color:var(--muted)}
    .copyright{text-align:center;margin-top:40px;font-size:.8rem;color:#777}

    /* ===== RESPONSIVE ===== */
    @media(max-width:768px){
      .nav-links{display:none}
      .hamburger{display:flex}
      .mobile-menu.show{display:flex}
      .hero h1{font-size:2.1rem}
    }