*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f4f4f4;padding-top:60px;padding-bottom:60px;min-height:100vh}header{background-color:#2e2e2e;padding:20px 40px;display:flex;justify-content:space-between;align-items:center;position:relative}.logo img{height:40px}nav{display:flex;justify-content:space-between;align-items:center;width:100%}nav ul{list-style:none;display:flex;gap:30px}nav ul li a{position:relative;color:#fff;text-decoration:none;font-weight:500;padding-bottom:5px;transition:color .3s ease}nav ul li a:after{content:"";position:absolute;width:0%;height:2px;left:0;bottom:0;background-color:#30c213;transition:width .3s ease}nav ul li a:hover{color:#5ac77b}nav ul li a:hover:after{width:100%}.hero{display:flex;justify-content:space-between;align-items:center;padding:60px 80px;flex-wrap:wrap}.hero-text{max-width:600px}.hero-text h1{font-size:3.5rem;color:#2e2e2e;margin-bottom:20px}.hero-text p{margin-bottom:30px;line-height:1.6;color:#555}.btn{display:inline-block;padding:12px 28px;border:2px solid #5ac77b;color:#fff;background-color:#5ac77b;border-radius:30px;text-decoration:none;transition:all .3s ease}.btn:hover{background-color:transparent;color:#5ac77b}.hero-image img{max-width:100%;max-height:600px;width:auto;height:auto}