* {margin:0;padding:0;box-sizing:border-box;}
body {font-family:'Segoe UI',Tahoma,sans-serif;line-height:1.6;color:#1a1a1a;background:#f5f5f5;}
.container {max-width:1200px;margin:0 auto;padding:0 20px;}
header {background:linear-gradient(135deg,#7C3AED,#06B6D4);padding:20px 0;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
header .container {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.logo img {height:60px;}
nav ul {display:flex;list-style:none;gap:30px;flex-wrap:wrap;}
nav a {color:#fff;text-decoration:none;font-weight:600;transition:opacity 0.3s;}
nav a:hover {opacity:0.8;}
.cta-btn {background:#F59E0B;color:#fff;padding:12px 30px;border-radius:25px;text-decoration:none;font-weight:700;transition:transform 0.3s;}
.cta-btn:hover {transform:scale(1.05);}
.hero {background:linear-gradient(to right,#7C3AED,#06B6D4);color:#fff;padding:80px 20px;text-align:center;}
.hero h1 {font-size:3em;margin-bottom:20px;}
.hero p {font-size:1.3em;margin-bottom:30px;}
.grid-section {display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;padding:60px 20px;}
.grid-card {background:#fff;border-radius:15px;padding:30px;box-shadow:0 5px 20px rgba(0,0,0,0.1);transition:transform 0.3s;}
.grid-card:hover {transform:translateY(-5px);}
.grid-card img {width:100%;height:200px;object-fit:cover;border-radius:10px;margin-bottom:20px;}
.grid-card h3 {color:#7C3AED;margin-bottom:15px;font-size:1.5em;}
.two-col {display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:60px 20px;background:#fff;}
.two-col img {width:100%;border-radius:10px;}
.author-box {background:#f9fafb;border-left:4px solid #7C3AED;padding:20px;margin:30px 0;display:flex;gap:20px;align-items:center;}
.author-box img {width:80px;height:80px;border-radius:50%;}
.reviews {display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:40px 20px;}
.review-card {background:#fff;padding:20px;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,0.1);}
.review-stars {color:#F59E0B;font-size:1.2em;}
.faq-item {background:#fff;padding:20px;margin-bottom:15px;border-radius:8px;border-left:3px solid #06B6D4;}
footer {background:#1a1a1a;color:#fff;padding:40px 20px;text-align:center;}
footer a {color:#06B6D4;text-decoration:none;}
@media(max-width:768px){
.hero h1{font-size:2em;}
.two-col{grid-template-columns:1fr;}
nav ul{gap:15px;}
}