body {margin: 0;font-family: system-ui,
 -apple-system, BlinkMacSystemFont, 
 "Segoe UI", Roboto, sans-serif;
 background: #34495E;color: #DCE0E1 ;
 line-height: 1.6;}
 header {display: flex;justify-content: space-between;
 align-items: center;padding: 0 2rem;
 border-bottom: 1px solid #eee;
 flex-wrap: wrap;}
 #logo {font-family: monospace;
 font-size: 1.2rem;font-weight: 900;
 color: #fff;}
color: #fff;font-size: 14px;line-height: 1;
border-radius: 50%;border: 1px solid #D4AF37;}
.nav-container {display: flex;align-items: center;
justify-content: center;gap: 5px;
font-family: sans-serif;}
.lang-link {width: fit-content;display: inline-block;
text-decoration: none;color: #fff;
background-color: #344050 ;padding: 4px 12px;
border-radius: 4px;font-size: 0.9rem;flex-shrink: 0;
transition: background 0.2s;}
.lang-link:hover{background-color: #243040 ;
text-decoration: none;}
@media (max-width: 768px) {
header {flex-direction: column;align-items: center;
gap: 15px;border-bottom:none;}
.nav-container {width: 100%;}}
main {max-width: 800px;margin: 1rem auto;
padding: 0 1.5rem;}
h1 {font-size: 1.2rem;margin-bottom: 1rem;}
h2 {margin-top: 1rem;font-size: 1.2rem;color:#fcc;}
p {margin-bottom: 1rem;}
ul {padding-left: 1.2rem;}
li {margin-bottom: 0.5rem;}
.cta {margin-top: 1rem;padding: 0 1rem;
border: 1px solid #555;background: #555;}
footer {font-size: 0.85rem;text-align: center;}
footer p{max-width: 90%;font-style: italic;}