body{
font-family: Arial, Helvetica, sans-serif;
margin:0;
background:#f4f6f8;
color:#333;
line-height:1.6;
}

.container{
max-width:900px;
margin:auto;
padding:40px 20px;
background:white;
}

h1{
text-align:center;
margin-bottom:10px;
}

.subtitle{
text-align:center;
color:#666;
margin-bottom:40px;
}

.section{
margin-top:35px;
}

.lang{
margin-top:50px;
padding-top:30px;
border-top:1px solid #ddd;
}

ul,ol{
padding-left:20px;
}

.links{
display:flex;
flex-direction:column;
gap:15px;
margin-top:40px;
}

.links a{
text-decoration:none;
background:#2b7cff;
color:white;
padding:15px;
border-radius:6px;
text-align:center;
}

.links a:hover{
background:#1d5ed8;
}

.footer{
margin-top:60px;
text-align:center;
font-size:14px;
color:#777;
}

@media(max-width:600px){

.container{
padding:25px 15px;
}

h1{
font-size:24px;
}

}