*{
        margin:0;
        padding:0;
        box-sizing:border-box;
        font-family:Arial, Helvetica, sans-serif;
    }

    body{
        background:#f4f7fb;
        color:#333;
    }

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

    .header{
        background:#003366;
        color:#fff;
        padding:30px;
        text-align:center;
        border-radius:10px;
        margin-bottom:30px;
    }

    .header h1{
        font-size:38px;
        margin-bottom:10px;
    }

    .header p{
        font-size:18px;
    }

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

    .card{
        background:#fff;
        border-radius:10px;
        padding:25px;
        box-shadow:0 5px 15px rgba(0,0,0,.12);
        transition:.3s;
    }

    .card:hover{
        transform:translateY(-5px);
    }

    .card h2{
        color:#003366;
        margin-bottom:15px;
    }

    .btn{
        display:inline-block;
        margin:15px 0;
        padding:12px 20px;
        background:#0077cc;
        color:#fff;
        text-decoration:none;
        border-radius:5px;
        font-weight:bold;
    }

    .btn:hover{
        background:#005fa3;
    }

    .contact{
        margin-top:20px;
        background:#eef5ff;
        padding:15px;
        border-left:5px solid #003366;
        border-radius:5px;
    }

    .contact h4{
        color:#003366;
        margin-bottom:8px;
    }

    footer{
        margin-top:40px;
        text-align:center;
        color:#666;
        font-size:14px;
    }