:root{
      --primary:#1e3a8a;
      --secondary:#2563eb;
      --accent:#c7d2fe;
      --bg:#f8fafc;
      --card:#ffffff;
      --text:#0f172a;
      --muted:#64748b;
      --radius:20px;
      --shadow:0 25px 60px rgba(15,23,42,.08);
    }

    *{box-sizing:border-box}
    body{
      margin:0;
      font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont;
      background:var(--bg);
      color:var(--text);
      line-height:1.75;
    }

    h1,h2,h3{
      font-family:'Playfair Display',serif;
      letter-spacing:.2px;
    }

    a{
      color:var(--secondary);
      text-decoration:none;
      font-weight:500;
    }

    .container{
      max-width:1200px;
      margin:0 auto;
      padding:64px 24px;
    }

    /* HERO */
    .hero{
      background:linear-gradient(135deg,#1e3a8a,#2563eb);
      color:#fff;
      padding:90px 24px;
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      margin-bottom:80px;
    }

    .hero h1{
      font-size:42px;
      margin-bottom:20px;
      max-width:800px;
    }

    .hero p{
      font-size:18px;
      max-width:720px;
      opacity:.95;
    }

    /* SECTIONS */
    section{
      margin-bottom:80px;
    }

    section h2{
      font-size:34px;
      margin-bottom:24px;
    }

    section p{
      font-size:16.5px;
      color:#1f2937;
      max-width:900px;
    }

    /* GRID */
    .grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
      gap:36px;
      margin-top:40px;
    }

    .card{
      background:var(--card);
      padding:40px 36px;
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      transition:.3s;
    }

    .card:hover{
      transform:translateY(-6px);
    }

    .card h3{
      font-size:22px;
      margin-bottom:14px;
    }

    .card p{
      color:var(--muted);
      font-size:15.5px;
    }

    /* CTA */
    .cta{
      background:linear-gradient(135deg,#eef2ff,#e0e7ff);
      border-radius:var(--radius);
      padding:60px 48px;
      box-shadow:var(--shadow);
    }

    .cta h2{
      font-size:32px;
      margin-bottom:16px;
    }

    .cta p{
      max-width:760px;
      margin-bottom:28px;
    }

    .cta a{
      display:inline-block;
      background:var(--primary);
      color:#fff;
      padding:14px 32px;
      border-radius:999px;
      font-size:15px;
    }

    /* FAQ */
    .faq{
      background:#fff;
      padding:56px;
      border-radius:var(--radius);
      box-shadow:var(--shadow);
    }

    .faq h3{
      font-size:26px;
      margin-bottom:32px;
    }

    .faq-item{
      margin-bottom:26px;
    }

    .faq-item strong{
      display:block;
      margin-bottom:8px;
    }

    @media(max-width:768px){
      .hero h1{font-size:34px}
      section h2{font-size:28px}
    }