/* Educational & Colorful site style */
body { font-family: 'Segoe UI', Arial, sans-serif; background-color: #f2f6fb; margin:0; color:#223; }
header { background: linear-gradient(135deg,#2e6da4,#4aa3d6); color: #fff; padding:30px 20px; text-align:center; }
header h1 { margin:0; font-size:2.6rem; }
nav { background:#245580; padding:10px 0; text-align:center; box-shadow:0 2px 6px rgba(0,0,0,0.08); }
nav a { color:#fff; margin:0 12px; font-weight:600; text-decoration:none; }
nav a:hover { color:#ffd966; }
.container { max-width:1100px; margin:34px auto; background:#fff; padding:28px; border-radius:12px; box-shadow:0 8px 20px rgba(0,0,0,0.06); }
h2 { color:#2e6da4; border-bottom:3px solid #e6f3fb; padding-bottom:8px; }
.image-container { text-align:center; margin:24px 0; }
.image-container img { width:85%; max-width:680px; border-radius:10px; box-shadow:0 6px 14px rgba(0,0,0,0.12); }
.info-grid { display:grid; grid-template-columns:1fr; gap:18px; }
@media(min-width:800px){ .info-grid{ grid-template-columns:1fr 1fr; } }
.card { background:#fbfeff; padding:16px; border-left:6px solid #4aa3d6; border-radius:8px; }
.didyou { background:#fff7e6; border-left:6px solid #ffd966; padding:14px; border-radius:8px; }
.table { width:100%; border-collapse:collapse; margin-top:12px; }
.table th, .table td { border:1px solid #ddd; padding:10px; }
.footer { background:#2e6da4; color:#fff; text-align:center; padding:18px; margin-top:30px; }
.footer a { color:#ffd966; }
.warning { background:#ffecec; border-left:6px solid #ff6b6b; padding:12px; border-radius:8px; }
.checklist li { margin:8px 0; }