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

        body{

            background:#0f172a;

            color:white;

            min-height:100vh;
        }

        /* HERO */

        .hero{

            width:100%;

            height:320px;

            background:

            linear-gradient(
                rgba(0,0,0,0.7),
                rgba(0,0,0,0.8)
            ),

            url(
                "images/aviator-bg.jpg"
            );

            background-size:cover;

            background-position:center;

            display:flex;

            align-items:center;

            justify-content:center;

            text-align:center;

            padding:20px;
        }

        .hero h1{

            font-size:55px;

            max-width:800px;

            line-height:1.3;
        }

        /* CONTENT */

        .container{

            width:90%;

            max-width:1100px;

            margin:50px auto;
        }

        .card{

            background:#1e293b;

            padding:35px;

            border-radius:25px;

            margin-bottom:35px;
        }

        .card h2{

            color:#3b82f6;

            margin-bottom:20px;

            font-size:32px;
        }

        .card p{

            color:#cbd5e1;

            line-height:1.9;

            margin-bottom:18px;
        }

        .card ul{

            padding-left:25px;
        }

        .card li{

            margin-bottom:15px;

            color:#cbd5e1;

            line-height:1.8;
        }

        /* FOOTER */

        .footer{

            text-align:center;

            padding:30px;

            color:#94a3b8;
        }

        /* RESPONSIVE */

        @media(max-width:768px){

            .hero h1{

                font-size:38px;
            }

            .card{

                padding:25px;
            }
        }