/* NAV AND FOOTER CSS FOR BIODATA PAGES */
/* HEADER BASE */
.top-header { background: #000; display: flex; align-items: center; justify-content: space-between; padding: 20px 22px; position: sticky; top: 0; z-index: 999; }
.logo img { height: 55px; }
@media(max-width:768px) { .logo img { height: 60px; } }
/* MENU */
.header-menu { display: flex; gap: 25px; }
.header-menu a { color: #ffd400; text-decoration: none; font-weight: 700; transition: all 0.3s ease; border-bottom: 2px solid transparent; }
.header-menu a:hover { color: #ffffff; border-bottom: 2px solid #ffffff; }
.download-app-btn { background: #25D366; color: #000 !important; padding: 6px 12px; border-radius: 20px; font-weight: bold; margin-left: 6px; animation: blinkApp 1.2s infinite; }
@keyframes blinkApp { 0% { opacity: 1 } 50% { opacity: 0.4 } 100% { opacity: 1 } }
.download-app-btn:hover { background: #1ebe5d; animation: none; }
.btn-mock-test { background: linear-gradient(135deg, #ffd400 0%, #ffaa00 100%) !important; color: #000 !important; font-weight: 800 !important; padding: 6px 12px !important; border-radius: 6px !important; box-shadow: 0 4px 12px rgba(255, 212, 0, 0.4); display: inline-flex; align-items: center; gap: 5px; border: none !important; text-decoration: none !important; }
.btn-mock-test:hover { transform: translateY(-2px) scale(1.05); }
.social-icons { display: flex; gap: 12px; align-items: center; }
.social-icons img { height: 26px; }
.menu-toggle { display: none; font-size: 30px; color: #ffd400; cursor: pointer; }
.blink-job { animation: blinkGlow 1.2s infinite; border: 2px solid #ffd400; padding: 6px 12px; border-radius: 6px; }
@keyframes blinkGlow { 0% { background: #000; color: #ffd400; } 50% { background: #ffd400; color: #000; } 100% { background: #000; color: #ffd400; } }

/* MOBILE RESPONSIVE HEADER */
@media(max-width:768px) {
    .menu-toggle { display: block; }
    .header-menu { display: none; position: absolute; top: 100%; left: 0; width: 100%; background: #000; flex-direction: column; text-align: center; padding: 20px 0; }
    .header-menu a { padding: 12px; font-size: 18px; }
    .header-menu.show { display: flex; }
}
/* MOBILE TOP HEADER */
.mobile-top-header { display: none; }
@media (max-width:900px) {
    .top-header { display: none !important; }
    .mobile-top-header { display: flex; justify-content: space-between; align-items: center; background: #000; padding: 10px 12px; position: sticky; top: 0; z-index: 9999; }
    .mobile-logo { height: 38px; cursor: pointer; }
    .mobile-social a { font-size: 22px; margin-left: 10px; text-decoration: none; }
}
.mobile-app-btn { font-size: 26px; text-decoration: none; animation: appBlink 1.2s infinite; }

/* MOBILE BOTTOM MENU */
.mobile-bottom-menu { display: none; }
@media (max-width:900px) {
    .mobile-bottom-menu { display: flex; position: fixed; bottom: 0; left: 0; width: 100%; background: #000; border-top: 2px solid #ffd400; justify-content: space-around; padding: 10px 0; z-index: 9999; }
    .mobile-bottom-menu a { font-size: 28px; color: #ffd400; text-decoration: none; position: relative; }
    body { padding-bottom: 70px; }
}
.mobile-bottom-menu a.mock-badge-link::after { content: "NEW"; position: absolute; top: -8px; right: -12px; background: #ff0000; color: #fff; font-size: 9px; padding: 2px 5px; border-radius: 10px; font-weight: 900; border: 1px solid #fff; animation: pulseBadge 1.5s infinite; pointer-events: none; }
@keyframes pulseBadge { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); } 70% { transform: scale(1.1); box-shadow: 0 0 0 5px rgba(255, 0, 0, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); } }