*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;line-height:1.6;scroll-behavior:smooth}
body{background:#F4F9FB;color:#3A5A6A;font-family:'Inter',sans-serif}
.container{max-width:960px;margin:0 auto;padding:0 24px}
.site-header{background:#005F73;color:#F4F9FB;padding:48px 0 32px;text-align:center}
.logo{font-size:2rem;font-weight:700;color:#E6F0F4;margin-bottom:8px}
.tagline{font-family:'Space Mono',monospace;font-size:0.85rem;color:#C8DDE6;opacity:0.9}
.hero-section{margin:32px 0}
.hero-card{background:#E6F0F4;border:1px solid #C8DDE6;border-radius:12px;padding:32px;text-align:center}
.icon-circle{width:72px;height:72px;border-radius:50%;background:#F4F9FB;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
.hero-card h2{font-size:1.4rem;color:#005F73;margin-bottom:12px}
.hero-card p{color:#3A5A6A;max-width:600px;margin:0 auto;font-size:0.95rem}
.menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:32px 0}
.menu-card{background:#fff;border:1px solid #C8DDE6;border-radius:8px;padding:20px;opacity:0;transform:translateY(16px);transition:all 400ms ease-out}
.menu-card.visible{opacity:1;transform:translateY(0)}
.menu-card:hover{box-shadow:0 4px 20px rgba(0,95,115,0.1);transform:translateY(-2px)}
.card-label{font-family:'Space Mono',monospace;font-size:0.7rem;color:#005F73;text-transform:uppercase;letter-spacing:0.08em}
.menu-card h3{font-size:1.1rem;color:#005F73;margin:8px 0}
.menu-card p{font-size:0.85rem;color:#3A5A6A}
.card-footer{margin-top:12px;padding-top:8px;border-top:1px solid #E6F0F4}
.participants{font-size:0.75rem;color:#C8DDE6}
.stats-bar{display:flex;justify-content:center;gap:48px;padding:32px 0;margin:16px 0;border-top:1px solid #C8DDE6;border-bottom:1px solid #C8DDE6}
.stat{text-align:center}
.stat-num{display:block;font-size:1.8rem;font-weight:700;color:#005F73}
.stat-label{font-size:0.75rem;color:#3A5A6A;text-transform:uppercase;letter-spacing:0.05em}
.site-footer{text-align:center;padding:24px;color:#C8DDE6;font-size:0.8rem}
@media(max-width:600px){.stats-bar{flex-direction:column;gap:16px}.menu-grid{grid-template-columns:1fr}}