body { font-family: Arial, sans-serif; background:#f9f9f9; color:#333; margin:0; padding:0; }
nav { background:#003366; padding:10px; display:flex; justify-content:center; gap:20px; flex-wrap:wrap; }
nav a { color:#FFD700; text-decoration:none; padding:8px 12px; border-radius:5px; transition:0.3s; }
nav a:hover, nav a.active { background:#FFD700; color:#003366; }
header { background:#1a1a2e; color:#FFD700; text-align:center; padding:20px; }
header p { color:#fff; margin-top:8px; font-size:14px; }
main { max-width:900px; margin:40px auto; background:#fff; padding:30px; border-radius:12px; box-shadow:0 4px 8px rgba(0,0,0,0.1); }
#search-input { width:100%; padding:12px; margin-top:10px; border:1px solid #ccc; border-radius:8px; font-size:14px; box-sizing:border-box; }
button { margin-top:12px; padding:10px 18px; border:none; border-radius:6px; cursor:pointer; font-weight:bold; font-size:14px; background-color:#003366; color:#FFD700; }
button:hover { background-color:#002147; color:#fff; }
.dict-card { background:#f8f9fa; border:1px solid #ccc; border-radius:10px; padding:15px; margin-top:15px; }
.dict-card h3 { color:#003366; margin:0 0 8px 0; }
.dict-card p, .dict-card ul { font-size:14px; margin:5px 0; }
footer { background:#1a1a2e; color:#fff; text-align:center; padding:15px; margin-top:40px; }
footer a { color:#FFD700; text-decoration:underline; }