body {
     font-family: 'Inter', sans-serif;
     background-color: #f8fafc;
     color: #1e293b;
 }

 /* Custom Indigo Theme Palette */
 .bg-indigo-custom {
     background: linear-gradient(135deg, #312e81 0%, #3730a3 50%, #0f172a 100%);
 }

 .btn-indigo {
     background-color: #4f46e5;
     border-color: #4f46e5;
     color: #ffffff;
 }

 .btn-indigo:hover,
 .btn-indigo:focus {
     background-color: #4338ca;
     border-color: #4338ca;
     color: #ffffff;
 }

 .text-indigo {
     color: #4f46e5 !important;
 }

 .bg-indigo-subtle-custom {
     background-color: #eef2ff;
     color: #4338ca;
 }

 /* Card styling */
 .job-card {
     transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     border-radius: 1rem;
 }

 .job-card:hover {
     box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.08) !important;
 }

 /* Live pulsing dot */
 .status-pulse {
     display: inline-block;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background-color: #34d399;
     box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.7);
     animation: pulse 1.8s infinite;
 }

 @keyframes pulse {
     0% {
         transform: scale(0.95);
         box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.7);
     }

     70% {
         transform: scale(1);
         box-shadow: 0 0 0 6px rgba(52, 211, 153, 0);
     }

     100% {
         transform: scale(0.95);
         box-shadow: 0 0 0 0 rgba(52, 211, 153, 0);
     }
 }

 /* Featured Image Styling */
 .vacancy-featured-img {
     width: 100%;
    /* height: 240px;
     object-fit: cover;
     border-radius: 0.75rem;*/
 }

 .sticky-sidebar {
     top: 5rem;
 }

 /* Table of Contents Styling */
 .toc-list .nav-link {
     color: #64748b;
     font-size: 0.85rem;
     padding: 0.4rem 0.6rem;
     border-radius: 0.375rem;
     transition: all 0.15s ease-in-out;
 }

 .toc-list .nav-link:hover {
     color: #4f46e5;
     background-color: #eef2ff;
     padding-left: 0.85rem;
 }

 .navbar.sticky-top {
     z-index: 1030 !important;
 }

 /* Sidebar positioning, lower stacking level, and scroll-safety */
 .sticky-sidebar {
     top: 5.5rem;
     /* Leaves space below the sticky navbar */
     z-index: 10 !important;
     /* Forces it below navbar */
     max-height: calc(100vh - 6.5rem);
     /* Prevents overflowing the bottom of the viewport */
     /* overflow-y: auto; */
     /* Adds smooth internal scroll if sidebar is taller than screen */
     scrollbar-width: thin;
 }

 .footer-link {
     color: #94a3b8;
     text-decoration: none;
     transition: color 0.15s ease-in-out;
 }

 .footer-link:hover {
     color: #ffffff;
     text-decoration: underline;
 }

 .bg-slate-900 {
     background-color: #0f172a !important;
 }

 .border-slate-800 {
     border-color: #1e293b !important;
 }

 /* LOGO */

 .navbar-brand-custom {
     display: inline-flex;
     align-items: center;
     gap: 0.75rem;
     text-decoration: none;
     user-select: none;
 }

 .logo-badge {
     position: relative;
     width: 2.75rem;
     height: 2.75rem;
     flex-shrink: 0;
 }

 .logo-svg {
     width: 100%;
     height: 100%;
     border-radius: 0.8125rem;
     box-shadow: 0 4px 12px rgba(79, 70, 229, 0.28);
     transition: transform 0.2s ease;
 }

 .navbar-brand-custom:hover .logo-svg {
     transform: scale(1.04);
 }

 .live-dot {
     position: absolute;
     top: -2px;
     right: -2px;
     width: 0.65rem;
     height: 0.65rem;
     background-color: #10b981;
     border: 2px solid #ffffff;
     border-radius: 9999px;
 }

 .logo-text {
     display: flex;
     flex-direction: column;
     line-height: 1.1;
 }

 .logo-title {
     font-family: 'Inter', system-ui, -apple-system, sans-serif;
     font-size: 1.25rem;
     font-weight: 800;
     letter-spacing: -0.025em;
     color: #0f172a;
 }

 .logo-highlight {
     color: #4f46e5;
 }

 .logo-subtitle {
     font-family: 'Inter', system-ui, -apple-system, sans-serif;
     font-size: 0.625rem;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: #64748b;
     margin-top: 0.15rem;
 }

 /*Footer Mark*/
 .footer-brand {
     display: inline-flex;
     align-items: center;
     gap: 0.75rem;
     text-decoration: none;
     user-select: none;
     margin-bottom: 1rem;
 }

 .footer-logo-badge {
     position: relative;
     width: 2.75rem;
     height: 2.75rem;
     flex-shrink: 0;
 }

 .footer-logo-svg {
     width: 100%;
     height: 100%;
     border-radius: 0.8125rem;
     box-shadow: 0 4px 12px rgba(99, 102, 241, 0.2);
     transition: transform 0.2s ease;
 }

 .footer-brand:hover .footer-logo-svg {
     transform: scale(1.04);
 }

 .footer-live-dot {
     position: absolute;
     top: -2px;
     right: -2px;
     width: 0.65rem;
     height: 0.65rem;
     background-color: #10b981;
     border: 2px solid #0f172a;
     /* Blends with dark slate footer */
     border-radius: 9999px;
 }

 .footer-logo-text {
     display: flex;
     flex-direction: column;
     line-height: 1.1;
 }

 .footer-logo-title {
     font-family: 'Inter', system-ui, -apple-system, sans-serif;
     font-size: 1.25rem;
     font-weight: 800;
     letter-spacing: -0.025em;
     color: #ffffff;
     /* White heading for dark theme */
 }

 .footer-logo-highlight {
     color: #818cf8;
     /* Soft indigo highlight */
 }

 .footer-logo-subtitle {
     font-family: 'Inter', system-ui, -apple-system, sans-serif;
     font-size: 0.625rem;
     font-weight: 700;
     letter-spacing: 0.08em;
     text-transform: uppercase;
     color: #94a3b8;
     /* Muted slate for dark footer */
     margin-top: 0.15rem;
 }
 
 
 .btn-telegram {
     background-color: #0284c7;
     color: #fff;
 }

 .btn-telegram:hover {
     background-color: #0173ac;
     color: #fff;
 }