/* styles.css */
*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,Arial,sans-serif}
body{background:#f0f0f0;color:#333;line-height:1.6}
@media(min-width:769px){body{max-width:1200px;margin:0 auto}}
.container,.section{text-align:center;margin:0 auto}
.section h2,.section h3{font-size:18pt;color:#005eaa;margin-bottom:15px}
.main-header{background:#005eaa}
.header-banner,.alert-banner{display:block;margin:20px auto;max-width:100%}
.main-nav{background:#005eaa}
.nav-container{display:flex;flex-wrap:wrap;justify-content:center;padding:10px 0}
.nav-item{background:rgba(255,255,255,0.1);color:#fff;padding:10px 15px;margin:5px;border-radius:4px;font-weight:bold;text-decoration:none;transition:background .3s}
.nav-item:hover{background:rgba(255,255,255,0.2)}
.alert-banner{margin:20px auto;display:block}
.section{background:#fff;border-radius:8px;padding:20px;margin-bottom:30px;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
.section-header{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;border-bottom:2px solid #005eaa;padding-bottom:10px}
.section-icon{width:60px;height:60px;margin-bottom:10px}
.highlight-box{background:#f8f9fa;border-left:4px solid #005eaa;padding:15px;margin:20px 0;text-align:left}
.footer{background:#333;color:#fff;padding:30px 0;text-align:center}
.footer-links a{color:#fff;margin:0 15px;text-decoration:none}
.footer-links a:hover{text-decoration:underline}
@media(max-width:768px){.nav-container{flex-direction:column}.nav-item{width:100%;margin:5px 0}}