body{margin:0;padding:0}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:10px;max-width:1200px;margin:0 auto}.card{border:5px solid #C1911B;border-radius:10px;box-shadow:5px 5px 5px #12130f;background-color:#12130f;padding:20px;text-align:center;color:#fff;min-height:350px;display:flex;flex-direction:column;justify-content:space-between}.card .card-image{width:100%;height:150px;object-fit:cover;border-radius:5px}.card-content{display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.card h2,.card p{margin:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header{background-color:#c1911b;padding:20px;text-align:center;color:#12130f;border-bottom:#12130F solid 25px;display:block;position:sticky;top:0}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#181818;padding:10px 20px;box-shadow:0 2px 5px #00000080;width:100%;position:sticky;top:0;z-index:10}.navbar-brand a{font-size:1.5em;color:#fff;text-decoration:none;font-weight:700}.navbar-links{display:flex;align-items:center;gap:15px}.navbar-links a,.dropdown-toggle{color:silver;text-decoration:none;font-size:1em;transition:color .3s;cursor:pointer}.nav-link{margin:0 auto}.navbar-links a:hover,.dropdown-toggle:hover{color:#f0a500;text-decoration:underline}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;background-color:#444;min-width:160px;box-shadow:0 8px 16px #0003;z-index:1;border-radius:4px;padding:12px 0;top:100%;left:0}.dropdown.open .dropdown-content{display:block}.dropdown-content a{color:#fff;padding:12px 16px;text-decoration:none;display:block;transition:background-color .3s}.dropdown-content a:hover{background-color:#555}.dropdown-toggle{color:#000;border:none;cursor:pointer;padding:8px 16px;font-size:1em;transition:color .3s;border-radius:10px}.dropdown-toggle:hover{color:#c1911b}.navbar a,.course-grid a,.card a{color:silver;text-decoration:none;transition:color .3s}.navbar a:visited,.course-grid a:visited,.card a:visited{color:silver;text-decoration:none}.navbar a:hover,.course-grid a:hover,.card a:hover{color:#f0a500}@media(max-width:600px){.navbar{flex-direction:column;align-items:flex-start}.navbar-links{flex-direction:column;width:100%;gap:10px;padding:10px 0}}