body { font-family: 'Inter', sans-serif; background-color: #f8f9fa; min-height: 5rem; padding-top: 9rem;}
.top-bar { background-color: #1a1d20; font-size: 0.85rem; transition: all 0.3s; }
.nav-link-custom { color: #444; font-weight: 600; transition: 0.3s; padding: 10px 15px; border-bottom: 2px solid transparent; }
.nav-link-custom:hover { color: #dc3545; border-bottom: 2px solid #dc3545; }
.search-wrapper { position: relative; }
.search-input { border-radius: 20px; padding-left: 20px; border: 1px solid #ddd; }
.search-btn { border-radius: 0 20px 20px 0; position: absolute; right: 0; top: 0; height: 100%; z-index: 5; }
.header-main { box-shadow: 0 2px 15px rgba(0,0,0,0.05); background: #fff; }
.logo-img { transition: transform 0.3s ease; }
.logo-img:hover { transform: scale(1.05); }