body{font-family:Arial,sans-serif;margin:0;padding:0}.container{width:90%;max-width:1100px;margin:auto}.header{background:#fff;padding:1rem 0;border-bottom:1px solid #ccc}.logo{height:40px}.nav{list-style:none;display:flex;gap:1rem;padding:0}.nav li a{text-decoration:none;color:#333}.hero{background:#eee;padding:4rem 0;text-align:center}.hero h1{font-size:2rem;margin-bottom:1rem}.section-info{padding:3rem 0}.grid{display:flex;gap:2rem;flex-wrap:wrap}.card{background:#f9f9f9;padding:1.5rem;flex:1 1 30%;border-radius:8px}.footer{background:#333;color:#fff;text-align:center;padding:2rem 0}.fade-section{opacity:0;transition:opacity 1s ease-in-out}.fade-in{opacity:1}.page-container{margin-top:50px;background:linear-gradient(180deg,#f9f9f9,#f2fdf6);padding:80px 20px;font-family:Inter,sans-serif}.page-header{text-align:center;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.page-header h1{font-size:2.8rem;font-weight:700;color:#008a4f;margin-bottom:15px;position:relative;display:inline-block}.page-header h1:after{content:"";width:60px;height:4px;background:#00a651;display:block;margin:10px auto 0;border-radius:2px}.page-header p{font-size:1.2rem;color:#444;line-height:1.6}.icon-style{font-size:3rem;color:#005d35}