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

        body{
            font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
            line-height:1.7;
            color:#333;
            background:#f4f6f9;
        }

        .container{
            width:90%;
            max-width:1100px;
            margin:auto;
        }

        header{
            background:#0f172a;
            color:white;
            text-align:center;
            padding:80px 20px;
        }

        header h1{
            font-size:3rem;
            margin-bottom:15px;
        }

        header p{
            font-size:1.2rem;
            opacity:.9;
        }

        section{
            background:white;
            margin:25px 0;
            padding:35px;
            border-radius:12px;
            box-shadow:0 4px 12px rgba(0,0,0,.08);
        }

        h2{
            color:#0f172a;
            margin-bottom:20px;
            border-left:5px solid #2563eb;
            padding-left:12px;
        }

        h3{
            margin-top:20px;
            margin-bottom:10px;
            color:#1e293b;
        }

        ul{
            padding-left:20px;
        }

        li{
            margin-bottom:8px;
        }

        .grid{
            display:grid;
            grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
            gap:20px;
        }

        .card{
            background:#f8fafc;
            padding:20px;
            border-radius:10px;
            border:1px solid #e2e8f0;
        }

        .quote{
            text-align:center;
            font-size:1.2rem;
            font-style:italic;
            color:#1e40af;
            padding:20px;
        }

        footer{
            text-align:center;
            padding:30px;
            background:#0f172a;
            color:white;
            margin-top:30px;
        }

        @media(max-width:768px){
            header h1{
                font-size:2rem;
            }
        }