:root{--dark:#0B0B0D;--mid:#3A111A;--accent:#E11D48;--soft:#FFF0F3;--text:#1f2937;}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fa;color:var(--text);line-height:1.75}
a{color:inherit;text-decoration:none}.top{background:linear-gradient(135deg,var(--dark),var(--mid));color:white}.wrap{max-width:1160px;margin:auto;padding:0 22px}
.header{display:flex;align-items:center;justify-content:space-between;padding:18px 0}.header img{height:58px;max-width:520px;object-fit:contain}nav a{margin-left:20px;font-weight:700;font-size:14px;opacity:.95}nav a:hover{color:var(--accent)}
.hero{display:grid;grid-template-columns:1.45fr .75fr;gap:28px;padding:38px 0 48px;align-items:center}.hero h1{font-size:46px;line-height:1.12;margin:0 0 14px}.hero p{font-size:18px;color:#dbe4ee}.hero img{width:100%;border-radius:22px;box-shadow:0 18px 50px #0006}.cta{display:inline-block;background:var(--accent);color:white;padding:12px 18px;border-radius:10px;font-weight:800;margin-top:10px}
.section{padding:42px 0}.section h2{font-size:30px;margin:0 0 22px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #1f293712;border:1px solid #e8edf2}.card img{width:100%;aspect-ratio:16/9;object-fit:cover}.card .pad{padding:20px}.badge{display:inline-block;background:var(--accent);color:white;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.card h3{font-size:21px;line-height:1.35;margin:10px 0 8px}.meta{font-size:13px;color:#64748b}
.content{max-width:840px;margin:36px auto;background:white;border-radius:20px;padding:38px;box-shadow:0 10px 34px #1f29370d}.content h1{font-size:40px;line-height:1.18}.content h2{font-size:28px;margin-top:32px}.content p{font-size:17px;color:#334155}.content .lead{font-size:20px;color:#475569}.content img{width:100%;border-radius:18px;margin:20px 0}.related{background:var(--soft);padding:22px;border-radius:16px;margin-top:32px}
footer{background:#111827;color:#d1d5db;padding:36px 0;margin-top:50px}footer a{color:white;margin-right:14px}.legal{font-size:13px;color:#94a3b8;margin-top:12px}
@media(max-width:850px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}nav{display:none}.hero h1{font-size:36px}}@media(max-width:560px){.grid{grid-template-columns:1fr}.content{margin:18px 12px;padding:24px}.header img{height:48px}}