/* --- Core Reset --- */
* { box-sizing: border-box; }
body { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; background: #fff; }
img { max-width: 100%; height: auto; }

/* --- Header --- */
#site-header { background: #399CFF; padding: 10px; display: flex; align-items: center; justify-content: space-between; position: relative; }
.header-logo-centered { position: absolute; left: 50%; transform: translateX(-50%); }
.header-logo-centered img { max-height: 40px; }
.nav-hamburger-icon { background: none; border: none; cursor: pointer; display: flex; flex-direction: column; gap: 4px; z-index: 999; }
.nav-hamburger-icon span { width: 25px; height: 3px; background: #fff; }

/* --- Navigation Menu --- */
#navigationMenu { display: none; position: absolute; top: 60px; left: 0; width: 100%; background: #399CFF; z-index: 998; }
#navigationMenu.open { display: block; }
#top-menu { list-style: none; padding: 0; margin: 0; }
#top-menu li a { display: block; padding: 15px; color: #fff; text-decoration: none; text-align: center; border-top: 1px solid rgba(255,255,255,0.2); }

/* --- Body Content --- */
.body-container { max-width: 1200px; margin: 0 auto; padding: 20px; }
section { margin-bottom: 20px; }

/* --- Footer --- */
footer { background: #000; color: #fff; text-align: center; padding: 20px; }
.footer-links-list { list-style: none; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 15px; }
.footer-links-list a { color: #fff; text-decoration: none; }
.social-svg { display: inline-block; padding: 10px; width: 45px; height: 45px; margin: 5px; }