* {
    box-sizing: border-box;
}


body {

    margin:0;

    min-height:100vh;

    font-family:
    "Inter",
    Arial,
    sans-serif;

    background:
    radial-gradient(
        circle at top,
        #2a2a2a,
        #050505 60%
    );

    color:white;

}



.page-wrapper {

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:30px;

}



.agency-card {

    width:100%;

    max-width:480px;

    padding:55px 40px;

    text-align:center;


    background:

    rgba(255,255,255,.06);


    backdrop-filter:
    blur(20px);


    border:

    1px solid
    rgba(255,255,255,.15);


    border-radius:28px;


    box-shadow:

    0 30px 80px
    rgba(0,0,0,.5);


}



.logo-area {

    margin-bottom:30px;

}



.agency-logo {

    width:260px;

    max-width:90%;

    height:auto;

}



.tagline {

    font-size:.8rem;

    letter-spacing:.25em;

    text-transform:uppercase;

    opacity:.55;

    margin-bottom:20px;

}



.agency-card h1 {

    margin:0;

    font-size:2.4rem;

    letter-spacing:.08em;

}



.description {

    margin:20px auto 35px;

    max-width:330px;

    line-height:1.7;

    opacity:.7;

}



.social-links {

    display:flex;

    flex-direction:column;

    gap:15px;

}



.social-links a {

    padding:15px;

    border-radius:14px;

    border:

    1px solid
    rgba(255,255,255,.2);


    text-decoration:none;

    color:white;


    transition:.3s ease;

}



.social-links a:hover {

    background:white;

    color:black;

    transform:
    translateY(-4px);

}



.divider {

    height:1px;

    background:
    rgba(255,255,255,.15);

    margin:35px 0 25px;

}



footer {

    display:flex;

    flex-direction:column;

    gap:12px;

    font-size:.85rem;

    opacity:.6;

}



footer a {

    color:white;

    text-decoration:none;

}



footer a:hover {

    opacity:1;

}



@media(max-width:600px){


    .agency-card {

        padding:
        40px 25px;

    }


    .agency-logo {

        width:210px;

    }


    .agency-card h1 {

        font-size:2rem;

    }

}