body{font-family:"Arial",sans-serif;margin:0;padding:0;color:#333;background-color:#f4f4f4;line-height:1.6;display:flex;flex-direction:column;min-height:100vh}header{background:linear-gradient(135deg, #154adb, #1a3e8b);color:#fff;padding:20px 0;text-align:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}header h1{margin:0;font-size:2.5rem}nav{margin:20px 0}nav a{color:#fff;text-decoration:none;margin:0 15px;font-weight:bold;text-transform:uppercase;transition:color .3s ease}nav a:hover{color:#b3c6e2}.hero{background:linear-gradient(135deg, #154adb, #1a3e8b);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;height:50%;box-sizing:border-box}.hero h2{font-size:2.5rem;margin:0}.hero p{font-size:1.2rem;margin:10px 0 20px}.cta-button{background:#1a3e8b;color:#fff;padding:12px 25px;text-decoration:none;border-radius:8px;font-weight:bold;display:inline-block;transition:background .3s ease,transform .3s ease}.cta-button:hover{background:#154adb;transform:scale(1.05)}.features{display:flex;justify-content:space-around;align-items:center;padding:2.5vh 20px;background:#fff;border-top:5px solid #154adb;box-sizing:border-box}.feature{background:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);padding:20px;width:30%;max-width:300px;text-align:center;transition:transform .3s ease}.feature:hover{transform:translateY(-10px)}.feature h3{margin-top:0;color:#154adb}.feature p{color:#666}footer{background:#333;color:#fff;text-align:center;padding:20px;box-shadow:0 -2px 4px rgba(0,0,0,.1);margin:0}