* {margin:0; padding:0; box-sizing:border-box} body {font-family:Arial,Helvetica,sans-serif; background:#f9f9f9; color:#333; line-height:1.6; padding:20px} .container {max-width:1100px; margin:0 auto; background:#fff; padding:25px 30px; border-radius:12px; box-shadow:0 2px 10px rgba(0,0,0,0.08)} .site-header {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin-bottom:25px; border-bottom:2px solid #eee; padding-bottom:15px} .site-header .top-banner {font-size:1.2rem; font-weight:bold; color:#d32f2f; width:100%; text-align:center; margin-bottom:10px} .logo img {max-width:100%; height:auto; display:block} .content-description {margin-bottom:30px} .content-description h1 {font-size:1.8rem; margin-bottom:15px; color:#222} .content-description h3 {margin-top:20px; margin-bottom:8px; font-size:1.3rem; color:#444} .content-description p {margin-bottom:12px} .menu-nav h2 {font-size:1.6rem; margin-bottom:15px; color:#222} .menu-nav ul {list-style:none; display:grid; grid-template-columns:repeat(auto-fill,minmax(200px,1fr)); gap:8px 20px; padding:0} .menu-nav ul li {margin-bottom:4px} .menu-nav ul li a {text-decoration:none; color:#1a73e8; font-weight:500; transition:color 0.2s} .menu-nav ul li a:hover {color:#d32f2f; text-decoration:underline} .menu-nav ul li b a {font-weight:700; color:#d32f2f} .stats {margin-top:25px; padding-top:20px; border-top:1px solid #ddd; text-align:center; font-size:1.1rem} .stats .num {font-weight:bold; color:#d32f2f} .site-footer {margin-top:30px; padding-top:15px; border-top:1px solid #ddd; text-align:center; font-size:0.9rem; color:#777} .site-footer a {color:#1a73e8; text-decoration:none} .site-footer a:hover {text-decoration:underline} @media (max-width:600px) {.container {padding:15px} .site-header {flex-direction:column; text-align:center} .menu-nav ul {grid-template-columns:1fr} }