* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Courier New', monospace; background: linear-gradient(135deg, #1a2332, #2a3a4e); color: #e0e0e0; line-height: 1.6; }
.container { max-width: 1280px; margin: 0 auto; padding: 20px; }
nav { background: linear-gradient(135deg, #252e3a, #1e2732); border-bottom: 2px solid #ff7b54; position: sticky; top: 0; z-index: 1000; padding: 10px 20px; }
.nav-links { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; align-items: center; }
.nav-links a { color: #ffd166; text-decoration: none; padding: 6px 12px; border: 1px solid #ff7b54; background: linear-gradient(135deg, #2a3a4e, #1e2a3c); transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); font-size: 0.9rem; border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); }
.nav-links a:hover { background: linear-gradient(135deg, #ff7b54, #ffd166); color: #1a2332; border-color: #ff7b54; box-shadow: 0 4px 8px rgba(255,123,84,0.3); }
h1 { text-align: center; font-size: 2.5rem; color: #ffd166; padding: 40px 20px 10px; text-shadow: 0 2px 4px rgba(0,0,0,0.5); letter-spacing: 2px; }
.card-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin: 30px 0; }
.card { background: linear-gradient(145deg, #2a3a4e, #1e2a3c); border: 2px solid #ff7b54; padding: 20px; image-rendering: pixelated; box-shadow: 0 10px 20px rgba(0,0,0,0.4), 0 6px 6px rgba(255,123,84,0.1); border-radius: 8px; }
.card img { width: 100%; height: auto; border: 1px solid #ff7b54; margin-bottom: 12px; border-radius: 4px; }
.card h3 { color: #ffd166; margin-bottom: 8px; }
.card p { font-size: 0.95rem; }
.section-title { font-size: 1.8rem; color: #ffd166; border-left: 6px solid #ff7b54; padding-left: 15px; margin: 40px 0 20px; text-transform: uppercase; }
.faq-item { background: #252e3a; border: 1px solid #ff7b54; padding: 18px; margin-bottom: 12px; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.3); }
.faq-item h4 { color: #ffd166; cursor: pointer; }
.faq-item p { margin-top: 10px; }
.news-card { background: linear-gradient(145deg, #2a3a4e, #1e2a3c); border: 2px solid #ff7b54; padding: 18px; margin-bottom: 20px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); }
.news-card .date { color: #a0b0c0; font-size: 0.8rem; margin-bottom: 6px; }
.news-card h3 { color: #ffd166; margin-bottom: 8px; }
footer { background: #252e3a; border-top: 3px solid #ff7b54; padding: 30px 20px; margin-top: 50px; text-align: center; font-size: 0.85rem; }
footer a { color: #ffd166; text-decoration: none; margin: 0 6px; transition: 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); }
footer a:hover { color: #ff7b54; text-shadow: 0 0 8px rgba(255,123,84,0.5); }
footer .friend-links { margin: 20px 0; }
footer .friend-links a { margin: 0 8px; }
.stats-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; }
.stat-item { background: linear-gradient(145deg, #2a3a4e, #1e2a3c); border: 2px solid #ff7b54; padding: 20px 30px; text-align: center; min-width: 160px; border-radius: 8px; box-shadow: 0 5px 15px rgba(0,0,0,0.3); }
.stat-item .num { font-size: 2.2rem; color: #ffd166; font-weight: bold; }
.partner-logos { display: flex; flex-wrap: wrap; gap: 16px; justify-content: center; }
.partner-logos span { background: linear-gradient(135deg, #2a3a4e, #1e2a3c); border: 1px solid #ff7b54; padding: 10px 18px; color: #ffd166; border-radius: 6px; box-shadow: 0 2px 4px rgba(0,0,0,0.3); }
@media (max-width: 640px) { h1 { font-size: 1.8rem; } .nav-links { gap: 10px; } }