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

html{
    scroll-behavior:smooth;
}

body{

    background:#0f172a;

    color:#e5e7eb;

    font-family:Verdana,Geneva,sans-serif;

    line-height:1.6;

    padding:60px 20px;

}

.container{

    max-width:900px;

    margin:auto;

}

.box{

    text-align:center;

}

h1{

    font-size:42px;

    margin-bottom:10px;

    color:#ffffff;

}

h2{

    font-size:26px;

    margin-bottom:20px;

}

h3{

    font-size:22px;

    margin-bottom:15px;

}

p{

    margin:15px 0;

}

a{

    color:#60a5fa;

    text-decoration:none;

}

a:hover{

    text-decoration:underline;

}

hr{

    border:none;

    border-top:1px solid rgba(255,255,255,.15);

    width:70%;

    margin:40px auto;

}

.contacts{

    display:flex;

    justify-content:center;

    gap:50px;

    flex-wrap:wrap;

    margin-top:30px;

}

.contact{

    width:320px;

    text-align:left;

}

.verify-grid{

    display:flex;

    justify-content:center;

    gap:25px;

    flex-wrap:wrap;

    margin-top:25px;

}

.verify-card{

    width:250px;

    background:#172033;

    border:1px solid rgba(255,255,255,.08);

    border-radius:12px;

    padding:25px;

    transition:.2s;

}

.verify-card:hover{

    border-color:#60a5fa;

    transform:translateY(-4px);

}

.verify-card h4{

    margin-bottom:15px;

    color:#fff;

}

.verify-card p{

    font-size:14px;

    opacity:.8;

    min-height:80px;

}

.requisites{

    font-size:12px;

    opacity:.7;

}

.legal{

    margin-top:25px;

    font-size:12px;

    opacity:.6;

}

footer{

    margin-top:50px;

    text-align:center;

    font-size:12px;

    opacity:.5;

}

@media(max-width:700px){

    body{

        padding:40px 15px;

    }

    h1{

        font-size:32px;

    }

    .contact{

        width:100%;

        text-align:center;

    }

}