*{
            margin:0;
            padding:0;
            box-sizing:border-box;
        }

        body{
            font-family:'Inter',sans-serif;
            background:#f8fafc;
            color:#1f2937;
            line-height:1.7;
        }

        .container{
            max-width:1100px;
            margin:auto;
            padding:0 20px;
        }

        .hero{
            background:linear-gradient(135deg,#16a34a,#15803d);
            color:white;
            padding:80px 20px;
            text-align:center;
        }

        .hero h1{
            font-size:48px;
            font-weight:700;
            margin-bottom:15px;
        }

        .hero p{
            font-size:18px;
            max-width:700px;
            margin:auto;
            opacity:.95;
        }

        .section{
            padding:70px 0;
        }

        .card{
            background:white;
            border-radius:16px;
            padding:35px;
            box-shadow:0 10px 30px rgba(0,0,0,.08);
        }

        .section-title{
            font-size:32px;
            font-weight:700;
            margin-bottom:20px;
            color:#166534;
        }

        .grid{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
            gap:25px;
            margin-top:30px;
        }

        .info-card{
            background:white;
            padding:25px;
            border-radius:14px;
            box-shadow:0 5px 20px rgba(0,0,0,.06);
        }

        .info-card h3{
            color:#15803d;
            margin-bottom:10px;
        }

        .highlight{
            background:#ecfdf5;
            border-left:5px solid #16a34a;
            padding:25px;
            border-radius:12px;
            margin-top:25px;
        }

        .contact{
            background:#166534;
            color:white;
            border-radius:16px;
            padding:40px;
            text-align:center;
            margin-top:50px;
        }

        .contact h2{
            margin-bottom:15px;
        }

        .contact p{
            margin-bottom:8px;
        }

        .footer{
            text-align:center;
            padding:30px 20px;
            color:#6b7280;
            font-size:14px;
        }

        @media(max-width:768px){
            .hero h1{
                font-size:36px;
            }

            .section-title{
                font-size:28px;
            }
        }