body{

margin:0;
font-family:system-ui;
background:#0d1425;
color:white;

}

.header{

text-align:center;
padding:30px;
background:#0d1425;

}

.logo{

width:150px;
max-width:90%;
display:block;
margin:auto;

}

.subtitle{

opacity:0.7;
margin-top:10px;

}

nav{

margin-top:20px;

}

nav a{

margin:10px;
color:#ccc;
text-decoration:none;
font-size:14px;

}

nav a:hover{

color:white;

}

main{

width:1100px;
margin:auto;

}

.module{

display:flex;
gap:40px;
background:#1b2742;
margin:40px 0;
padding:35px;
border-radius:12px;

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

}

.module h2{

margin-top:0;
font-size:26px;

}

.module img{

width:100%;
border-radius:10px;

}

.text{

flex:1;

}

.image{

flex:1;

}

ul{

padding-left:18px;

}

.btn{

display:inline-block;
margin-top:15px;
padding:12px 20px;
background:#3478ff;
color:white;
text-decoration:none;
border-radius:6px;

}

footer{

text-align:center;
padding:30px;
opacity:0.6;

}