body{margin:0;font-family:system-ui;background:#f5f6fa;color:#1f2937;}
.header{padding:20px 30px;display:flex;justify-content:space-between;align-items:center;background:white;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.header img{height:48px;}
.nav a{margin-left:20px;text-decoration:none;color:#1f2937;font-weight:600;}
.container{max-width:1200px;margin:40px auto;padding:0 20px;}
.hero{display:grid;grid-template-columns:1fr 450px;gap:30px;align-items:center;}
.hero h1{margin:0;font-size:34px;}
.hero p{color:#4b5563;}
.cta{display:inline-block;background:#0050ff;color:white;padding:14px 20px;border-radius:8px;text-decoration:none;font-weight:700;}
.cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;}
.card{background:white;padding:20px;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,0.04);}
.card img{width:100%;border-radius:10px;}
.footer{text-align:center;margin-top:50px;padding:20px 0;color:#6b7280;font-size:14px;}
@media(max-width:900px){.hero{grid-template-columns:1fr}.cardgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cardgrid{grid-template-columns:1fr}}