* {
    box-sizing: border-box;
}


body {

    margin:0;

    font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Arial,
    sans-serif;

    background:#f6f7fb;

    color:#222;

}



.container {

    max-width:700px;

    margin:auto;

    padding:20px;

}



header {

    background:white;

    border-radius:20px;

    padding:35px 25px;

    text-align:center;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}



.lang {

    text-align:right;

}


.lang a {

    text-decoration:none;

    font-size:22px;

    margin-left:8px;

}



.logo {

    font-size:60px;

}



h1 {

    font-size:38px;

    margin:10px 0;

}



h2 {

    font-weight:400;

    color:#666;

}



p {

    line-height:1.6;

    color:#555;

}



.button {

    display:inline-block;

    margin-top:20px;

    padding:15px 30px;

    background:#0088cc;

    color:white;

    text-decoration:none;

    border-radius:12px;

    font-size:18px;

    font-weight:600;

}



.button:hover {

    opacity:.9;

}



.qr {

    margin-top:25px;

}



.qr img {

    width:160px;

}



section {

    margin-top:25px;

}



h3 {

    text-align:center;

    font-size:26px;

}



.cards {

    display:flex;

    gap:20px;

}



.card {

    background:white;

    padding:25px;

    border-radius:18px;

    flex:1;

    text-align:center;

    box-shadow:0 8px 20px rgba(0,0,0,.06);

}



.icon {

    font-size:40px;

}



.advantages {

    background:white;

    border-radius:18px;

    padding:25px;

    font-size:18px;

    line-height:2;

}



footer {

    text-align:center;

    margin:40px 0 20px;

    color:#888;

}



@media(max-width:600px){


.cards {

    flex-direction:column;

}


h1 {

    font-size:30px;

}


}