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

        body{
            font-family:'Poppins',sans-serif;
            background:#F7F2E8;
            color:#2F2A26;
            min-height:100vh;
            padding:40px 20px;
            overflow-x:hidden;

            display:flex;
            justify-content:center;
            align-items:flex-start;
        }


        body::before{
            content:"";
            position:fixed;
            width:350px;
            height:350px;
            background:#EFE2CF;
            border-radius:50%;
            top:-150px;
            left:-120px;
            z-index:-1;
        }

        body::after{
            content:"";
            position:fixed;
            width:300px;
            height:300px;
            background:#F3E8D9;
            border-radius:50%;
            bottom:-120px;
            right:-120px;
            z-index:-1;
        }

        .container{
            width:100%;
            max-width:720px;

            background:#FFFDF8;
            border:1px solid #E7DED2;
            border-radius:25px;

            padding:50px 40px;

            text-align:center;

            box-shadow:0 15px 40px rgba(0,0,0,.08);
        }

        .logo{
            margin-bottom:20px;
        }

        .logo img{
            width:180px;
            max-width:100%;
            height:auto;
            display:block;
            margin:auto;
        }

        h1{
            font-size:48px;
            color:#A52A2A;
            margin-bottom:10px;
        }

        h2{
            font-size:28px;
            font-weight:600;
            color:#2F2A26;
            margin-bottom:25px;
        }

        .line{
            width:90px;
            height:4px;
            background:#A52A2A;
            margin:0 auto 35px;
            border-radius:50px;
        }

        p{
            color:#6D665F;
            font-size:18px;
            line-height:1.8;
        }

        .info{
            display:flex;
            gap:20px;
            margin-top:45px;
            flex-wrap:wrap;
        }

        .card{
            flex:1;
            min-width:250px;

            background:#FDF8F0;
            border:1px solid #E6DED1;
            border-radius:18px;

            padding:25px;

            transition:.3s;
        }

        .card:hover{
            transform:translateY(-6px);
            box-shadow:0 12px 25px rgba(0,0,0,.08);
        }

        .card h3{
            color:#A52A2A;
            margin-bottom:12px;
            font-size:22px;
        }

        .card p{
            font-size:15px;
            color:#6D665F;
        }

        footer{
            margin-top:45px;
            color:#8B837B;
            font-size:14px;
        }
        .card a{
            color:#A52A2A;
            text-decoration:none;
            font-weight:600;
        }   

.card a:hover{
    text-decoration:underline;
}

        @media (max-width:768px){

            body{
                padding:20px;
            }

            .container{
                padding:35px 25px;
            }

            .logo img{
                width:140px;
            }

            h1{
                font-size:36px;
            }

            h2{
                font-size:22px;
            }

            p{
                font-size:16px;
            }

            .info{
                flex-direction:column;
            }

        }