:root{--background:#030d12;--foreground:#ffffff;--header-background:#051a23;--navigation-background:#0b3546}body,html{max-width:100vw;overflow-x:hidden;background-color:var(--background)}body{color:var(--foreground);font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:#333;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}header{background-color:var(--header-background);color:#ffffff;text-align:center;margin:0;padding:0}.logo{width:310px;max-width:70%;height:auto;display:block;margin:0 auto;padding:24px 0}nav{background:linear-gradient(90deg,#0b3446,#328eb5,#0b3446);width:100%}nav ul{display:flex;gap:1.5rem;justify-content:center;list-style:none;margin:0;padding:0}nav ul li{font-size:1rem}nav ul li a{text-decoration:none;font-weight:400;transition:color .3s ease;padding:8px;display:block;color:#ffffff;text-shadow:0 0 5px #000}nav ul li a:hover{color:var(--foreground)}main{margin:auto;max-width:1200px}h1{margin-bottom:24px;margin-top:24px}footer,h1{width:100%;text-align:center}footer{background:linear-gradient(90deg,#0b3446,#328eb5,#0b3446);color:#ffffff;padding:12px;position:relative;bottom:0;font-size:14px;margin-top:64px;text-shadow:0 0 5px #000}