/* Base */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Ubuntu,sans-serif;line-height:1.6;color:#1f2937;background:#f8fafc}
a{text-decoration:none;color:inherit}
.container{max-width:1100px;margin:0 auto;padding:1.5rem}

/* Header */
.header{background:linear-gradient(135deg,#6d5dfc,#38bdf8);color:#fff}
.header-flex{display:flex;align-items:center;justify-content:space-between}
.logo{font-size:1.4rem;font-weight:700}
nav a{margin-left:1.2rem;font-weight:500}
nav a:hover{text-decoration:underline}

/* Hero */
.hero{background:linear-gradient(135deg,#ede9fe,#e0f2fe)}
.hero h1{font-size:2.1rem;margin-bottom:.8rem;color:#312e81}
.hero-text{max-width:720px;font-size:1.05rem;margin-bottom:1.4rem}

/* CTA */
.cta{display:inline-block;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;padding:.75rem 1.4rem;border-radius:999px;font-weight:600;transition:transform .15s ease,box-shadow .15s ease}
.cta:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.15)}
.cta-large{font-size:1.05rem;padding:1rem 1.8rem}

/* Content */
.content h2{font-size:1.6rem;margin-bottom:.6rem;color:#312e81}
.content h3{font-size:1.2rem;margin-top:1.2rem;margin-bottom:.3rem;color:#4338ca}
.content p{max-width:900px}

/* CTA section */
.cta-section{text-align:center;background:#eef2ff}
.cta-section h2{font-size:1.7rem;margin-bottom:.5rem;color:#312e81}
.cta-section p{margin-bottom:1.2rem}

/* Footer */
.footer{background:#0f172a;color:#e5e7eb}
.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.footer a{display:block;color:#c7d2fe;margin-top:.3rem;font-size:.95rem}
.footer a:hover{color:#fff}

/* Responsive */
@media (max-width:768px){
  .header-flex{flex-direction:column;gap:.6rem}
  .hero h1{font-size:1.7rem}
  .footer-grid{grid-template-columns:1fr}
}