/* ── RESET & TOKENS ── */
:root{
  --bg:#071410;--bg2:#0c1e18;--bg3:#102820;--card:#0e2018;
  --border:#1a382a;--green:#22c55e;--lime:#bef264;--purple:#a855f7;
  --text:#d1fae5;--muted:#6ee7b7;
  --radius:10px;--max:1140px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Segoe UI',system-ui,sans-serif;
     font-size:16px;line-height:1.7;min-height:100vh}

/* ── HEADER ── */
header{background:var(--bg2);border-bottom:2px solid var(--border);position:sticky;top:0;z-index:200}
.hdr-top{max-width:var(--max);margin:0 auto;padding:.8rem 1.5rem;
         display:flex;align-items:center;justify-content:space-between;gap:1rem}
.logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}
.logo img{width:160px;height:auto;object-fit:contain;border-radius:6px;display:block}

/* Burger */
.burger-check{display:none}
.burger-label{display:none;cursor:pointer;flex-direction:column;gap:5px;padding:.5rem;flex-shrink:0}
.burger-label span{display:block;height:3px;width:26px;background:var(--lime);border-radius:2px;transition:.3s}

/* Header buttons */
.hdr-btns{display:flex;gap:.6rem;flex-shrink:0}
.btn-login{padding:.45rem 1.1rem;border:2px solid var(--lime);color:var(--lime);background:transparent;
           border-radius:var(--radius);font-size:.85rem;font-weight:700;text-decoration:none;
           white-space:nowrap;transition:.2s}
.btn-login:hover{background:var(--lime);color:#071410}
.btn-register{padding:.45rem 1.1rem;background:var(--purple);color:#fff;
              border:2px solid var(--purple);border-radius:var(--radius);font-size:.85rem;
              font-weight:700;text-decoration:none;white-space:nowrap;transition:.2s}
.btn-register:hover{background:#9333ea;border-color:#9333ea}

/* Nav row */
.hdr-nav{background:var(--bg3);border-top:1px solid var(--border)}
.nav-inner{max-width:var(--max);margin:0 auto;padding:0 1.5rem;display:flex;flex-wrap:wrap}
.nav-inner a{color:var(--text);text-decoration:none;padding:.65rem 1rem;font-size:.9rem;
             font-weight:600;border-bottom:3px solid transparent;transition:.2s;white-space:nowrap}
.nav-inner a:hover,.nav-inner a.active{color:var(--lime);border-bottom-color:var(--lime)}

/* ── MAIN LAYOUT ── */
main{max-width:var(--max);margin:0 auto;padding:2.5rem 1.5rem 3rem}

/* Hero */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;margin-bottom:3rem}
.hero-text h1{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;color:#fff;line-height:1.25;margin-bottom:1rem}
.hero-text p{color:var(--muted);margin-bottom:1.5rem;font-size:1rem}
.hero-img{border-radius:14px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5)}
.hero-img img{width:100%;height:auto;display:block}

/* CTA Buttons */
.btn-cta{display:inline-block;padding:.8rem 2rem;background:var(--lime);color:#071410;
         font-weight:800;font-size:1rem;text-transform:uppercase;border-radius:var(--radius);
         text-decoration:none;letter-spacing:.04em;transition:.2s;
         box-shadow:0 4px 16px rgba(190,242,100,.25)}
.btn-cta:hover{background:#a8d44a;transform:translateY(-2px)}
.btn-secondary{display:inline-block;padding:.75rem 1.8rem;background:transparent;
               color:var(--lime);border:2px solid var(--lime);font-weight:700;
               border-radius:var(--radius);text-decoration:none;transition:.2s}
.btn-secondary:hover{background:var(--lime);color:#071410}

/* Sections & Headings */
section{margin-bottom:2.5rem}
h2{font-size:1.5rem;font-weight:800;color:#fff;margin:2rem 0 .9rem;
   padding-bottom:.4rem;border-bottom:1px solid var(--border)}
h3{font-size:1.1rem;font-weight:700;color:var(--lime);margin:1.4rem 0 .5rem}
p{margin-bottom:.9rem;color:var(--text)}
ul,ol{padding-left:1.4rem;margin-bottom:1rem;color:var(--text)}
li{margin-bottom:.4rem}
strong{color:#fff}

/* Banner pair */
.banner-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.8rem 0}
.banner-pair img{width:100%;height:auto;border-radius:12px;
                 box-shadow:0 4px 20px rgba(0,0,0,.4);display:block}

/* Tables */
.tbl-wrap{overflow-x:auto;margin:1.4rem 0;border-radius:var(--radius)}
table{width:100%;border-collapse:collapse;background:var(--card);border-radius:var(--radius)}
thead tr{background:var(--bg3)}
th{padding:.75rem 1rem;color:var(--lime);font-size:.85rem;text-align:left;
   border-bottom:2px solid var(--border)}
td{padding:.65rem 1rem;font-size:.9rem;border-bottom:1px solid var(--border);color:var(--text)}
tbody tr:nth-child(even){background:rgba(255,255,255,.03)}
tbody tr:hover{background:rgba(190,242,100,.04)}

/* FAQ Accordion — CSS only */
.faq{display:flex;flex-direction:column;gap:.5rem;margin:1.4rem 0}
.faq-item input[type=checkbox]{display:none}
.faq-label{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;
           background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
           cursor:pointer;font-weight:700;color:#fff;user-select:none;transition:background .2s}
.faq-label::after{content:'+';font-size:1.3rem;color:var(--lime);transition:.3s;
                  flex-shrink:0;margin-left:.75rem}
.faq-item input:checked ~ .faq-label{background:var(--bg3);border-color:var(--lime)}
.faq-item input:checked ~ .faq-label::after{transform:rotate(45deg)}
.faq-body{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .25s}
.faq-item input:checked ~ .faq-body{max-height:600px;padding:.9rem 1.2rem}
.faq-body p{margin:0;color:var(--muted)}

/* Anchor links */
.anchor-link{color:var(--green);font-weight:700;text-decoration:underline}
.anchor-link:hover{color:var(--lime)}

/* Card grid */
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
           gap:1.2rem;margin:1.5rem 0}
.card{background:var(--card);border:1px solid var(--border);
      border-radius:var(--radius);padding:1.3rem}
.card h3{margin:0 0 .5rem;font-size:1rem}
.card p{margin:0;font-size:.9rem;color:var(--muted)}

/* CTA center block */
.cta-block{text-align:center;margin:2rem 0}

/* ── FOOTER ── */
footer{background:var(--bg2);border-top:2px solid var(--border);
       padding:2rem 1.5rem;text-align:center;margin-top:3rem}
.footer-inner{max-width:var(--max);margin:0 auto;
              display:flex;flex-direction:column;align-items:center;gap:1rem}
.footer-logo img{width:120px;height:auto;object-fit:contain;display:block}
.footer-disclaimer{font-size:.78rem;color:var(--muted);max-width:700px;line-height:1.5}
.footer-copy{font-size:.8rem;color:#4a7c6a}

/* ── RESPONSIVE 768px ── */
@media(max-width:768px){
  .burger-label{display:flex}
  .hdr-btns{gap:.4rem}
  .btn-login,.btn-register{padding:.4rem .75rem;font-size:.78rem}
  .hdr-nav{display:none}
  .burger-check:checked ~ header .hdr-nav{display:block}
  .nav-inner{flex-direction:column}
  .nav-inner a{padding:.7rem 1rem;border-bottom:1px solid var(--border);border-right:none}
  .hero{grid-template-columns:1fr;gap:1.5rem}
  .hero-img{order:-1}
  .banner-pair{grid-template-columns:1fr}
  main{padding:1.5rem 1rem 2rem}
  h1{font-size:1.45rem}
  h2{font-size:1.2rem}
}
@media(max-width:480px){
  .hdr-top{padding:.6rem 1rem}
  .logo img{width:130px}
  .btn-cta{padding:.7rem 1.4rem;font-size:.9rem}
}