:root{--r:#FF3B5C;--g:#00B59B;--b:#00BFFF}*{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;color:#222}
header{display:flex;align-items:center;gap:16px;padding:14px 6%;border-bottom:3px solid var(--r);flex-wrap:wrap}header img{height:48px}header b{font-size:1.1rem}nav{margin-left:auto;display:flex;gap:16px;flex-wrap:wrap}nav a{color:#444;text-decoration:none;font-size:.9rem}
section{padding:56px 6%}.hero{background:linear-gradient(120deg,var(--r),#ff7a8f);color:#fff}.hero h1{font-size:2.4rem;margin:0 0 12px}.btn{display:inline-block;background:#fff;color:var(--r);padding:12px 22px;border-radius:30px;font-weight:600;text-decoration:none;margin-top:12px}
h2{color:var(--g)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}.card{border:1px solid #eee;border-radius:14px;padding:20px;box-shadow:0 2px 8px #0001}.card h3{margin-top:0;color:var(--r)}.small{font-size:.85rem;color:#666}.alt{background:#f6fbfb}.tags span{display:inline-block;background:var(--b);color:#fff;padding:6px 14px;border-radius:20px;margin:4px}.note{border-left:5px solid var(--b);background:#eefaff;padding:18px}footer{background:#222;color:#ccc;padding:30px 6%;font-size:.9rem}footer a{color:var(--b)}
@media(max-width:600px){.hero h1{font-size:1.7rem}nav{display:none}}