*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#111;background:#f6f7fb}.hero{min-height:70vh;background:linear-gradient(135deg,#111,#444);color:white;padding:28px}nav{display:flex;justify-content:space-between;align-items:center}nav a{color:white;text-decoration:none}.hero-content{max-width:760px;margin:110px auto;text-align:center}.hero h1{font-size:54px;margin:0 0 20px}.btn{display:inline-block;background:white;color:#111;padding:14px 26px;border-radius:8px;text-decoration:none}main{max-width:1000px;margin:auto;padding:40px 20px}section{background:white;margin:20px 0;padding:30px;border-radius:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.cards div{background:#f1f1f1;padding:22px;border-radius:10px}footer{text-align:center;padding:30px}