.bg-white button:active,.bg-white button:focus,.bg-white button:hover,.bg-white.btn:active,.bg-white.btn:focus,.bg-white.btn:hover,.btn.bg-white:active,.btn.bg-white:focus,.btn.bg-white:hover,button.bg-white:active,button.bg-white:focus,button.bg-white:hover{color:#0f172a!important;background:#fff!important}.bg-white button:active *,.bg-white button:focus *,.bg-white button:hover svg,.bg-white button:hover i,.bg-white button:hover span,.bg-white.btn:active *,.bg-white.btn:focus *,.bg-white.btn:hover svg,.bg-white.btn:hover i,.bg-white.btn:hover span,.btn.bg-white:active *,.btn.bg-white:focus *,.btn.bg-white:hover *,button.bg-white:active *,button.bg-white:focus *,button.bg-white:hover *{color:#0f172a!important}.btn-outline-primary.stay-white-on-hover:active,.btn-outline-primary.stay-white-on-hover:focus,.btn-outline-primary.stay-white-on-hover:hover,.btn-outline-primary[data-stay-white]:active,.btn-outline-primary[data-stay-white]:focus,.btn-outline-primary[data-stay-white]:hover,.btn-outline-secondary.stay-white-on-hover:active,.btn-outline-secondary.stay-white-on-hover:focus,.btn-outline-secondary.stay-white-on-hover:hover,.btn-outline-secondary[data-stay-white]:active,.btn-outline-secondary[data-stay-white]:focus,.btn-outline-secondary[data-stay-white]:hover{color:#0f172a!important;background:#fff!important}.btn-outline-primary.stay-white-on-hover:hover::after,.btn-outline-primary.stay-white-on-hover:hover::before,.btn-outline-primary[data-stay-white]:hover::after,.btn-outline-primary[data-stay-white]:hover::before,.btn-outline-secondary.stay-white-on-hover:hover::after,.btn-outline-secondary.stay-white-on-hover:hover::before,.btn-outline-secondary[data-stay-white]:hover::after,.btn-outline-secondary[data-stay-white]:hover::before{display:none!important}.btn-outline-primary.stay-white-on-hover:active *,.btn-outline-primary.stay-white-on-hover:focus *,.btn-outline-primary.stay-white-on-hover:hover *,.btn-outline-primary[data-stay-white]:active *,.btn-outline-primary[data-stay-white]:focus *,.btn-outline-primary[data-stay-white]:hover *,.btn-outline-secondary.stay-white-on-hover:active *,.btn-outline-secondary.stay-white-on-hover:focus *,.btn-outline-secondary.stay-white-on-hover:hover *,.btn-outline-secondary[data-stay-white]:active *,.btn-outline-secondary[data-stay-white]:focus *,.btn-outline-secondary[data-stay-white]:hover *{color:#0f172a!important}.bg-white button.btn-outline-primary:active,.bg-white button.btn-outline-primary:focus,.bg-white button.btn-outline-primary:hover,.bg-white.btn-outline-primary:active,.bg-white.btn-outline-primary:focus,.bg-white.btn-outline-primary:hover,.btn-outline-primary.bg-white:active,.btn-outline-primary.bg-white:focus,.btn-outline-primary.bg-white:hover,button.bg-white.btn-outline-primary:active,button.bg-white.btn-outline-primary:focus,button.bg-white.btn-outline-primary:hover{color:#0f172a!important;background:#fff!important}.bg-white button.btn-outline-primary:hover::after,.bg-white button.btn-outline-primary:hover::before,.bg-white.btn-outline-primary:hover::after,.bg-white.btn-outline-primary:hover::before,.btn-outline-primary.bg-white:hover::after,.btn-outline-primary.bg-white:hover::before,button.bg-white.btn-outline-primary:hover::after,button.bg-white.btn-outline-primary:hover::before{display:none!important}.bg-white button.btn-outline-primary:active :is(svg,i,span,.icon),.bg-white button.btn-outline-primary:focus :is(svg,i,span,.icon),.bg-white button.btn-outline-primary:hover :is(svg,i,span,.icon),.bg-white.btn-outline-primary:active :is(svg,i,span,.icon),.bg-white.btn-outline-primary:focus :is(svg,i,span,.icon),.bg-white.btn-outline-primary:hover :is(svg,i,span,.icon),.btn-outline-primary.bg-white:active *,.btn-outline-primary.bg-white:focus *,.btn-outline-primary.bg-white:hover *,button.bg-white.btn-outline-primary:active :is(svg,i,span,.icon),button.bg-white.btn-outline-primary:focus :is(svg,i,span,.icon),button.bg-white.btn-outline-primary:hover :is(svg,i,span,.icon){color:#0f172a!important}.bg-white button.btn-outline-secondary:active,.bg-white button.btn-outline-secondary:focus,.bg-white button.btn-outline-secondary:hover,.bg-white.btn-outline-secondary:active,.bg-white.btn-outline-secondary:focus,.bg-white.btn-outline-secondary:hover,.btn-outline-secondary.bg-white:active,.btn-outline-secondary.bg-white:focus,.btn-outline-secondary.bg-white:hover,button.bg-white.btn-outline-secondary:active,button.bg-white.btn-outline-secondary:focus,button.bg-white.btn-outline-secondary:hover{color:#0f172a!important;background:#fff!important}.bg-white button.btn-outline-secondary:hover::after,.bg-white button.btn-outline-secondary:hover::before,.bg-white.btn-outline-secondary:hover::after,.bg-white.btn-outline-secondary:hover::before,.btn-outline-secondary.bg-white:hover::after,.btn-outline-secondary.bg-white:hover::before,button.bg-white.btn-outline-secondary:hover::after,button.bg-white.btn-outline-secondary:hover::before{display:none!important}.bg-white button.btn-outline-secondary:active *,.bg-white button.btn-outline-secondary:focus *,.bg-white button.btn-outline-secondary:hover *,.bg-white.btn-outline-secondary:active *,.bg-white.btn-outline-secondary:focus *,.bg-white.btn-outline-secondary:hover *,.btn-outline-secondary.bg-white:active *,.btn-outline-secondary.bg-white:focus *,.btn-outline-secondary.bg-white:hover *,button.bg-white.btn-outline-secondary:active *,button.bg-white.btn-outline-secondary:focus *,button.bg-white.btn-outline-secondary:hover *{color:#0f172a!important}.btn[style*="background-color: #fff"]:hover,.btn[style*="background-color: #ffffff"]:hover,.btn[style*="background-color: white"]:hover,.btn[style*="background: #fff"]:hover,.btn[style*="background: #ffffff"]:hover,.btn[style*="background: white"]:hover,button[style*="background-color: #fff"]:hover,button[style*="background-color: #ffffff"]:hover,button[style*="background-color: white"]:hover,button[style*="background: #fff"]:hover,button[style*="background: #ffffff"]:hover,button[style*="background: white"]:hover{color:#0f172a!important}.btn[style*="background-color: #fff"]:hover *,.btn[style*="background-color: #ffffff"]:hover *,.btn[style*="background-color: white"]:hover *,.btn[style*="background: #fff"]:hover *,.btn[style*="background: #ffffff"]:hover *,.btn[style*="background: white"]:hover *,button[style*="background-color: #fff"]:hover *,button[style*="background-color: #ffffff"]:hover *,button[style*="background-color: white"]:hover *,button[style*="background: #fff"]:hover *,button[style*="background: #ffffff"]:hover *,button[style*="background: white"]:hover *{color:#0f172a!important}.bg-white button:hover,.bg-white.btn-outline-primary:hover,.bg-white.btn-outline-secondary:hover,.bg-white.btn:hover,.btn-outline-primary.bg-white:hover,.btn-outline-secondary.bg-white:hover,.btn.bg-white:hover,button.bg-white:hover{color:#0f172a!important}.bg-white button:hover svg,.bg-white button:hover i,.bg-white button:hover span,.bg-white.btn-outline-primary:hover :is(svg,i,span,.icon),.bg-white.btn-outline-secondary:hover *,.bg-white.btn:hover svg,.bg-white.btn:hover i,.bg-white.btn:hover span,.btn-outline-primary.bg-white:hover *,.btn-outline-secondary.bg-white:hover *,.btn.bg-white:hover *,button.bg-white:hover *{color:#0f172a!important}.bg-light .btn-outline-primary,.bg-white .btn-outline-primary,.card .btn-outline-primary,.contact-card .btn-outline-primary{position:relative}.bg-light .btn-outline-primary:hover,.bg-white .btn-outline-primary:hover,.card .btn-outline-primary:hover,.contact-card .btn-outline-primary:hover{color:#6366f1!important;background:0 0!important}.bg-light .btn-outline-primary:hover::before,.bg-white .btn-outline-primary:hover::before,.card .btn-outline-primary:hover::before,.contact-card .btn-outline-primary:hover::before{z-index:0!important;opacity:1!important}.contact-card .btn-outline-primary:hover::before+*,.contact-card .btn-outline-primary:hover>*{position:relative;z-index:1}.bg-light .btn-outline-primary:hover,.bg-white .btn-outline-primary:hover,.card .btn-outline-primary:hover,.contact-card .btn-outline-primary:hover{color:#6366f1!important;background:0 0!important}.bg-light .btn-outline-primary:hover :is(svg,i,span,.icon),.bg-white .btn-outline-primary:hover :is(svg,i,span,.icon),.card .btn-outline-primary:hover :is(svg,i,span,.icon),.contact-card .btn-outline-primary:hover :is(svg,i,span,.icon){color:#6366f1!important}.contact-card .btn-outline-primary:hover::before{left:0!important}.bg-light .btn-outline-primary:focus,.bg-light .btn-outline-primary:hover,.bg-white .btn-outline-primary:focus,.bg-white .btn-outline-primary:hover,.card .btn-outline-primary:focus,.card .btn-outline-primary:hover,.contact-card .btn-outline-primary:focus,.contact-card .btn-outline-primary:hover{color:#6366f1!important;background:0 0!important;border-color:#6366f1!important}.bg-light .btn-outline-primary:focus :is(svg,i,span,.icon),.bg-light .btn-outline-primary:hover :is(svg,i,span,.icon),.bg-white .btn-outline-primary:focus :is(svg,i,span,.icon),.bg-white .btn-outline-primary:hover :is(svg,i,span,.icon),.card .btn-outline-primary:focus :is(svg,i,span,.icon),.card .btn-outline-primary:hover :is(svg,i,span,.icon),.contact-card .btn-outline-primary:focus :is(svg,i,span,.icon),.contact-card .btn-outline-primary:hover :is(svg,i,span,.icon){color:#6366f1!important}.btn-primary,.btn.btn-primary,a.btn-primary,a.btn.btn-primary,button.btn-primary,button.btn.btn-primary,span.btn-primary,span.btn.btn-primary{color:#fff!important;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%)!important;border:none!important}.btn-primary :is(svg,i,span,.icon),.btn-primary i,.btn-primary span,.btn.btn-primary :is(svg,i,span,.icon),a.btn-primary :is(svg,i,span,.icon),a.btn-primary i,a.btn-primary span,a.btn.btn-primary :is(svg,i,span,.icon),button.btn-primary :is(svg,i,span,.icon),button.btn-primary i,button.btn-primary span,button.btn.btn-primary :is(svg,i,span,.icon),span.btn-primary :is(svg,i,span,.icon),span.btn-primary i,span.btn-primary span,span.btn.btn-primary :is(svg,i,span,.icon){color:#fff!important}.btn-primary:focus,.btn-primary:hover,.btn.btn-primary:focus,.btn.btn-primary:hover,a.btn-primary:focus,a.btn-primary:hover,a.btn.btn-primary:focus,a.btn.btn-primary:hover,button.btn-primary:focus,button.btn-primary:hover,button.btn.btn-primary:focus,button.btn.btn-primary:hover,span.btn-primary:focus,span.btn-primary:hover,span.btn.btn-primary:focus,span.btn.btn-primary:hover{color:#fff!important;background:linear-gradient(135deg,#7c3aed 0,#a78bfa 100%)!important;border:none!important}.btn-primary:focus :is(svg,i,span,.icon),.btn-primary:focus i,.btn-primary:focus span,.btn-primary:hover :is(svg,i,span,.icon),.btn-primary:hover i,.btn-primary:hover span,.btn.btn-primary:focus :is(svg,i,span,.icon),.btn.btn-primary:hover :is(svg,i,span,.icon),a.btn-primary:focus :is(svg,i,span,.icon),a.btn-primary:focus i,a.btn-primary:focus span,a.btn-primary:hover :is(svg,i,span,.icon),a.btn-primary:hover i,a.btn-primary:hover span,a.btn.btn-primary:focus :is(svg,i,span,.icon),a.btn.btn-primary:hover :is(svg,i,span,.icon),button.btn-primary:focus :is(svg,i,span,.icon),button.btn-primary:focus i,button.btn-primary:focus span,button.btn-primary:hover :is(svg,i,span,.icon),button.btn-primary:hover i,button.btn-primary:hover span,button.btn.btn-primary:focus :is(svg,i,span,.icon),button.btn.btn-primary:hover :is(svg,i,span,.icon),span.btn-primary:focus :is(svg,i,span,.icon),span.btn-primary:focus i,span.btn-primary:focus span,span.btn-primary:hover :is(svg,i,span,.icon),span.btn-primary:hover i,span.btn-primary:hover span,span.btn.btn-primary:focus :is(svg,i,span,.icon),span.btn.btn-primary:hover :is(svg,i,span,.icon){color:#fff!important}.btn-primary:active,.btn.btn-primary:active,a.btn-primary:active,a.btn.btn-primary:active,button.btn-primary:active,button.btn.btn-primary:active,span.btn-primary:active,span.btn.btn-primary:active{color:#fff!important;background:linear-gradient(135deg,#6d28d9 0,#9333ea 100%)!important;border:none!important}.btn-primary:active :is(svg,i,span,.icon),.btn-primary:active i,.btn-primary:active span,.btn.btn-primary:active :is(svg,i,span,.icon),a.btn-primary:active :is(svg,i,span,.icon),a.btn-primary:active i,a.btn-primary:active span,a.btn.btn-primary:active :is(svg,i,span,.icon),button.btn-primary:active :is(svg,i,span,.icon),button.btn-primary:active i,button.btn-primary:active span,button.btn.btn-primary:active :is(svg,i,span,.icon),span.btn-primary:active :is(svg,i,span,.icon),span.btn-primary:active i,span.btn-primary:active span,span.btn.btn-primary:active :is(svg,i,span,.icon){color:#fff!important}.btn-outline-primary,a.btn-outline-primary,button.btn-outline-primary,span.btn-outline-primary{color:#6366f1!important;background:0 0!important;border:2px solid #6366f1!important}.btn-outline-primary :is(svg,i,span,.icon),.btn-outline-primary i,.btn-outline-primary span,a.btn-outline-primary :is(svg,i,span,.icon),a.btn-outline-primary i,a.btn-outline-primary span,button.btn-outline-primary :is(svg,i,span,.icon),button.btn-outline-primary i,button.btn-outline-primary span,span.btn-outline-primary :is(svg,i,span,.icon),span.btn-outline-primary i,span.btn-outline-primary span{color:#6366f1!important}.btn-outline-primary:focus,.btn-outline-primary:hover,a.btn-outline-primary:focus,a.btn-outline-primary:hover,button.btn-outline-primary:focus,button.btn-outline-primary:hover,span.btn-outline-primary:focus,span.btn-outline-primary:hover{color:#fff!important;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%)!important;border-color:#6366f1!important}.btn-outline-primary:focus :is(svg,i,span,.icon),.btn-outline-primary:focus i,.btn-outline-primary:focus span,.btn-outline-primary:hover :is(svg,i,span,.icon),.btn-outline-primary:hover i,.btn-outline-primary:hover span,a.btn-outline-primary:focus :is(svg,i,span,.icon),a.btn-outline-primary:focus i,a.btn-outline-primary:focus span,a.btn-outline-primary:hover :is(svg,i,span,.icon),a.btn-outline-primary:hover i,a.btn-outline-primary:hover span,button.btn-outline-primary:focus :is(svg,i,span,.icon),button.btn-outline-primary:focus i,button.btn-outline-primary:focus span,button.btn-outline-primary:hover :is(svg,i,span,.icon),button.btn-outline-primary:hover i,button.btn-outline-primary:hover span,span.btn-outline-primary:focus :is(svg,i,span,.icon),span.btn-outline-primary:focus i,span.btn-outline-primary:focus span,span.btn-outline-primary:hover :is(svg,i,span,.icon),span.btn-outline-primary:hover i,span.btn-outline-primary:hover span{color:#fff!important}.btn-outline-primary:active,a.btn-outline-primary:active,button.btn-outline-primary:active,span.btn-outline-primary:active{color:#fff!important;background:linear-gradient(135deg,#7c3aed 0,#a78bfa 100%)!important;border-color:#6366f1!important}.btn-outline-primary:active :is(svg,i,span,.icon),.btn-outline-primary:active i,.btn-outline-primary:active span,a.btn-outline-primary:active :is(svg,i,span,.icon),a.btn-outline-primary:active i,a.btn-outline-primary:active span,button.btn-outline-primary:active :is(svg,i,span,.icon),button.btn-outline-primary:active i,button.btn-outline-primary:active span,span.btn-outline-primary:active :is(svg,i,span,.icon),span.btn-outline-primary:active i,span.btn-outline-primary:active span{color:#fff!important}.btn-primary.btn-sm,.btn-sm.btn-primary,span.btn-primary.btn-sm,span.btn-sm.btn-primary{color:#fff!important}.btn-primary.btn-sm *,.btn-sm.btn-primary :is(svg,i,span,.icon),span.btn-primary.btn-sm *,span.btn-sm.btn-primary :is(svg,i,span,.icon){color:#fff!important}.btn-primary.btn-sm:hover,.btn-sm.btn-primary:hover,span.btn-primary.btn-sm:hover,span.btn-sm.btn-primary:hover{color:#fff!important}.btn-primary.btn-sm:hover *,.btn-sm.btn-primary:hover :is(svg,i,span,.icon),span.btn-primary.btn-sm:hover *,span.btn-sm.btn-primary:hover :is(svg,i,span,.icon){color:#fff!important}.btn-lg.btn-primary,.btn-primary.btn-lg,a.btn-primary.btn-lg,button.btn-primary.btn-lg,span.btn-primary.btn-lg{color:#fff!important}.btn-lg.btn-primary :is(svg,i,span,.icon),.btn-primary.btn-lg *,a.btn-primary.btn-lg *,button.btn-primary.btn-lg *,span.btn-primary.btn-lg *{color:#fff!important}.btn-lg.btn-primary:hover,.btn-primary.btn-lg:hover,a.btn-primary.btn-lg:hover,button.btn-primary.btn-lg:hover,span.btn-primary.btn-lg:hover{color:#fff!important}.btn-lg.btn-primary:hover :is(svg,i,span,.icon),.btn-primary.btn-lg:hover *,a.btn-primary.btn-lg:hover *,button.btn-primary.btn-lg:hover *,span.btn-primary.btn-lg:hover *{color:#fff!important}.container .btn-primary,.container a.btn-primary,.container button.btn-primary,.text-center .btn-primary,.text-center a.btn-primary,.text-center button.btn-primary,section .btn-primary,section a.btn-primary,section button.btn-primary{color:#fff!important;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%)!important;border:none!important}.container .btn-primary :is(svg,i,span,.icon),.container a.btn-primary :is(svg,i,span,.icon),.container button.btn-primary :is(svg,i,span,.icon),.text-center .btn-primary :is(svg,i,span,.icon),.text-center a.btn-primary :is(svg,i,span,.icon),.text-center button.btn-primary :is(svg,i,span,.icon),section .btn-primary :is(svg,i,span,.icon),section a.btn-primary :is(svg,i,span,.icon),section button.btn-primary :is(svg,i,span,.icon){color:#fff!important}.container .btn-primary:hover,.container a.btn-primary:hover,.container button.btn-primary:hover,.text-center .btn-primary:hover,.text-center a.btn-primary:hover,.text-center button.btn-primary:hover,section .btn-primary:hover,section a.btn-primary:hover,section button.btn-primary:hover{color:#fff!important;background:linear-gradient(135deg,#7c3aed 0,#a78bfa 100%)!important}.container .btn-primary:hover :is(svg,i,span,.icon),.container a.btn-primary:hover :is(svg,i,span,.icon),.container button.btn-primary:hover :is(svg,i,span,.icon),.text-center .btn-primary:hover :is(svg,i,span,.icon),.text-center a.btn-primary:hover :is(svg,i,span,.icon),.text-center button.btn-primary:hover :is(svg,i,span,.icon),section .btn-primary:hover :is(svg,i,span,.icon),section a.btn-primary:hover :is(svg,i,span,.icon),section button.btn-primary:hover :is(svg,i,span,.icon){color:#fff!important}.btn-primary.mb-2,.btn-primary.me-3,a.btn-primary.mb-2,a.btn-primary.me-3,button.btn-primary.mb-2,button.btn-primary.me-3{color:#fff!important;background:linear-gradient(135deg,#6366f1 0,#8b5cf6 100%)!important}.btn-primary.mb-2 *,.btn-primary.me-3 *,a.btn-primary.mb-2 *,a.btn-primary.me-3 *,button.btn-primary.mb-2 *,button.btn-primary.me-3 *{color:#fff!important}.btn-primary.mb-2:hover,.btn-primary.me-3:hover,a.btn-primary.mb-2:hover,a.btn-primary.me-3:hover,button.btn-primary.mb-2:hover,button.btn-primary.me-3:hover{color:#fff!important;background:linear-gradient(135deg,#7c3aed 0,#a78bfa 100%)!important}.btn-primary.mb-2:hover *,.btn-primary.me-3:hover *,a.btn-primary.mb-2:hover *,a.btn-primary.me-3:hover *,button.btn-primary.mb-2:hover *,button.btn-primary.me-3:hover *{color:#fff!important}.badge.category-badge,.category-badge,span.category-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border:none!important;padding:.5rem 1rem!important;border-radius:2rem!important;font-size:.875rem!important;font-weight:700!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important;display:inline-block!important;margin:.25rem!important;line-height:1.2!important;letter-spacing:.02em!important}.badge.category-badge svg,.category-badge i,.category-badge span,.category-badge svg,.category-badge i,.category-badge span,span.category-badge svg,.category-badge i,.category-badge span{color:#fff!important}.badge.bg-primary,.badge.bg-primary svg,.badge.bg-primary i,.badge.bg-primary span,span.badge.bg-primary,span.badge.bg-primary svg,.badge.bg-primary i,.badge.bg-primary span{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border:none!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.card .badge.bg-primary,.card .category-badge,.portfolio-card .badge.bg-primary,.portfolio-card .category-badge{color:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.card .badge.bg-primary svg,.badge.bg-primary i,.badge.bg-primary span,.card .category-badge svg,.category-badge i,.category-badge span,.portfolio-card .badge.bg-primary svg,.badge.bg-primary i,.badge.bg-primary span,.portfolio-card .category-badge svg,.category-badge i,.category-badge span{color:#fff!important}.row.g-4 .card .badge.bg-primary,.row.g-4 .card .category-badge{color:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.row.g-4 .card .badge.bg-primary svg,.badge.bg-primary i,.badge.bg-primary span,.row.g-4 .card .category-badge svg,.category-badge i,.category-badge span{color:#fff!important}.portfolio-hero .badge,.portfolio-hero-content .badge{color:#fff!important;background:linear-gradient(135deg,rgba(99,102,241,.9),rgba(139,92,246,.9))!important;text-shadow:0 2px 4px rgba(0,0,0,.3)!important;border:none!important}.portfolio-hero .badge *,.portfolio-hero-content .badge *{color:#fff!important}.badge.bg-primary.mb-2,.badge.bg-primary.mb-3{color:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.badge.bg-primary.mb-2 *,.badge.bg-primary.mb-3 *{color:#fff!important}.badge.bg-secondary,.badge.bg-secondary svg,.badge.bg-secondary i,.badge.bg-secondary span,html body .badge.bg-secondary,html body .badge.bg-secondary svg,.badge.bg-secondary i,.badge.bg-secondary span,html body span.badge.bg-secondary,html body span.badge.bg-secondary svg,.badge.bg-secondary i,.badge.bg-secondary span,span.badge.bg-secondary,span.badge.bg-secondary svg,.badge.bg-secondary i,.badge.bg-secondary span{background:#4b5563!important;background-color:#4b5563!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important;border:none!important;font-weight:600!important;padding:.5rem 1rem!important;border-radius:2rem!important;font-size:.875rem!important;display:inline-block!important;line-height:1.2!important;letter-spacing:.02em!important;--bs-badge-bg:#4b5563!important;--bs-badge-color:#ffffff!important}.card .badge.bg-secondary,.container .badge.bg-secondary,.portfolio-card .badge.bg-secondary,html body .card .badge.bg-secondary,html body .container .badge.bg-secondary,html body .portfolio-card .badge.bg-secondary,html body section .badge.bg-secondary,section .badge.bg-secondary{background:#4b5563!important;background-color:#4b5563!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important;--bs-badge-bg:#4b5563!important;--bs-badge-color:#ffffff!important}.card .badge.bg-secondary svg,.badge.bg-secondary i,.badge.bg-secondary span,.container .badge.bg-secondary svg,.badge.bg-secondary i,.badge.bg-secondary span,.portfolio-card .badge.bg-secondary svg,.badge.bg-secondary i,.badge.bg-secondary span,html body .card .badge.bg-secondary svg,.badge.bg-secondary i,.badge.bg-secondary span,html body .container .badge.bg-secondary svg,.badge.bg-secondary i,.badge.bg-secondary span,html body .portfolio-card .badge.bg-secondary svg,.badge.bg-secondary i,.badge.bg-secondary span,html body section .badge.bg-secondary svg,.badge.bg-secondary i,.badge.bg-secondary span,section .badge.bg-secondary svg,.badge.bg-secondary i,.badge.bg-secondary span{color:#fff!important}.badge.bg-secondary.mb-2,.badge.bg-secondary.mb-3,.badge.bg-secondary.me-2,html body .badge.bg-secondary.mb-2,html body .badge.bg-secondary.mb-3,html body .badge.bg-secondary.me-2{background:#4b5563!important;background-color:#4b5563!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important;--bs-badge-bg:#4b5563!important;--bs-badge-color:#ffffff!important}.badge.bg-secondary.mb-2 *,.badge.bg-secondary.mb-3 *,.badge.bg-secondary.me-2 *,html body .badge.bg-secondary.mb-2 *,html body .badge.bg-secondary.mb-3 *,html body .badge.bg-secondary.me-2 *{color:#fff!important}.badge.bg-secondary:hover{background:#374151!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.2)!important}.badge.bg-secondary:hover *{color:#fff!important}.badge.bg-dark,.badge.bg-dark *,span.badge.bg-dark{background:#1f2937!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important}.badge.bg-info,.badge.bg-info *,span.badge.bg-info{background:#0ea5e9!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.badge.bg-warning,span.badge.bg-warning{background:#f59e0b!important;color:#1f2937!important;text-shadow:0 1px 2px rgba(255,255,255,.3)!important}.badge.bg-warning.text-dark,span.badge.bg-warning.text-dark{color:#1f2937!important}.badge.bg-success,.badge.bg-success *,span.badge.bg-success{background:#10b981!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.badge.bg-danger,.badge.bg-danger *,span.badge.bg-danger{background:#ef4444!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.badge.bg-light,span.badge.bg-light{background:#f3f4f6!important;color:#1f2937!important;border:1px solid #d1d5db!important}.badge.bg-light.text-dark,span.badge.bg-light.text-dark{color:#1f2937!important}[data-bs-theme=dark] .badge.bg-primary,[data-bs-theme=dark] .category-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.3)!important}[data-bs-theme=dark] .badge.bg-primary svg,.badge.bg-primary i,.badge.bg-primary span,[data-bs-theme=dark] .category-badge svg,.category-badge i,.category-badge span{color:#fff!important}[data-bs-theme=dark] .badge.bg-secondary{background:#6b7280!important;color:#fff!important}[data-bs-theme=dark] .badge.bg-secondary svg,.badge.bg-secondary i,.badge.bg-secondary span{color:#fff!important}.badge.bg-primary:hover,.category-badge:hover{background:linear-gradient(135deg,#7c3aed,#a78bfa)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(99,102,241,.4)!important}.badge.bg-primary:hover *,.category-badge:hover *{color:#fff!important}.badge[class*=primary],.badge[style*=background][style*="6366f1"],.badge[style*=background][style*="8b5cf6"]{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}.badge[class*=primary] *,.badge[style*=background][style*="6366f1"] *,.badge[style*=background][style*="8b5cf6"] *{color:#fff!important}html body .editorial-navbar,html body .header.navbar,html body .navbar-enhanced,html body[data-bs-theme=dark] .editorial-navbar,html body[data-bs-theme=light] .editorial-navbar,html[data-bs-theme=dark] body .editorial-navbar,html[data-bs-theme=light] body.jfsn-home,html[data-bs-theme=light] body.jfsn-art.jfsn-home,[data-bs-theme=light] body.jfsn-art .editorial-navbar{--navbar-bg:#ffffff!important;--navbar-bg-scrolled:#ffffff!important;--backdrop-blur:none!important;background:#fff!important;background-color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;height:80px!important}html body .editorial-navbar.scrolled,html body .header.navbar.scrolled,html body .navbar-enhanced.scrolled,html body[data-bs-theme=dark] .editorial-navbar.scrolled,html body[data-bs-theme=light] .editorial-navbar.scrolled,html[data-bs-theme=dark] body .editorial-navbar.scrolled,html[data-bs-theme=light] body.jfsn-home,html[data-bs-theme=light] body.jfsn-art.jfsn-home,[data-bs-theme=light] body.jfsn-art .editorial-navbar.scrolled{--navbar-bg:#ffffff!important;--navbar-bg-scrolled:#ffffff!important;--backdrop-blur:none!important;background:#fff!important;background-color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;height:72px!important}#editorialNavToggle .editorial-navbar-toggle-icon span,.editorial-navbar .editorial-navbar-toggle-icon span,.editorial-navbar-toggle-icon span{background:#1a202c!important;color:#1a202c!important}body:not([data-bs-theme=dark]) #editorialNavToggle .editorial-navbar-toggle-icon span,body:not([data-bs-theme=dark]) .editorial-navbar .editorial-navbar-toggle-icon span,body:not([data-bs-theme=dark]) .editorial-navbar-toggle-icon span{background:#1a202c!important;color:#1a202c!important}[data-bs-theme=dark] #editorialNavToggle .editorial-navbar-toggle-icon span,[data-bs-theme=dark] .editorial-navbar .editorial-navbar-toggle-icon span,[data-bs-theme=dark] .editorial-navbar-toggle-icon span{background:#e2e8f0!important;color:#e2e8f0!important}#editorialNavToggle:hover .editorial-navbar-toggle-icon span,.editorial-navbar-toggle:hover #editorialNavToggle .editorial-navbar-toggle-icon span,.editorial-navbar-toggle:hover .editorial-navbar-toggle-icon span{background:#6366f1!important;color:#6366f1!important}#editorialNavToggle.active .editorial-navbar-toggle-icon span,.editorial-navbar-toggle.active .editorial-navbar-toggle-icon span{background:#6366f1!important;color:#6366f1!important}[data-bs-theme=dark] #editorialNavToggle:hover .editorial-navbar-toggle-icon span,[data-bs-theme=dark] .editorial-navbar-toggle:hover .editorial-navbar-toggle-icon span{background:#fff!important;color:#fff!important}[data-bs-theme=dark] #editorialNavToggle.active .editorial-navbar-toggle-icon span,[data-bs-theme=dark] .editorial-navbar-toggle.active .editorial-navbar-toggle-icon span{background:#fff!important;color:#fff!important}[data-bs-theme=light],html[data-bs-theme=light]{--bg-primary:#ffffff!important;--bg-secondary:#f8fafc!important;--bg-card:#ffffff!important;--text-primary:#1e293b!important;--text-secondary:#475569!important;--text-heading:#0f172a!important}[data-bs-theme=light] body.jfsn-home,[data-bs-theme=light] body.jfsn-art,html[data-bs-theme=light] body.jfsn-home,html[data-bs-theme=light] body.jfsn-art.jfsn-home,[data-bs-theme=light] body.jfsn-art{background-color:#fff!important;background:#fff!important;color:#1e293b!important}[data-bs-theme=light] #main-content,[data-bs-theme=light] main,html[data-bs-theme=light] #main-content,html[data-bs-theme=light] main{background-color:#fff!important;background:#fff!important;color:#1e293b!important}[data-bs-theme=light] .card,html[data-bs-theme=light] .card{background-color:#fff!important;background:#fff!important;color:#1e293b!important;border-color:rgba(0,0,0,.1)!important}[data-bs-theme=light] section:not(.about-hero),html[data-bs-theme=light] section:not(.about-hero){background-color:transparent!important;background:0 0!important}[data-bs-theme=light] .container,[data-bs-theme=light] .container-fluid,html[data-bs-theme=light] .container,html[data-bs-theme=light] .container-fluid{background-color:transparent!important;background:0 0!important}[data-bs-theme=light] .lead,[data-bs-theme=light] .text-muted,[data-bs-theme=light] p{color:#475569!important}[data-bs-theme=light] h1,[data-bs-theme=light] h2,[data-bs-theme=light] h3,[data-bs-theme=light] h4,[data-bs-theme=light] h5,[data-bs-theme=light] h6{color:#0f172a!important}
/* ===== Artwork of the Day: image should fill left column ===== */

/* Ensure the row stretches so the left column can match the right column's height */
#artworkOfDayContent .row.g-0 {
  align-items: stretch;
}

/* Give the left column a minimum height so the image can actually have a height */
#artworkOfDayCard .col-md-4 {
  min-height: 320px;               /* mobile-ish baseline */
}

@media (min-width: 768px) {
  #artworkOfDayCard .col-md-4 {
    min-height: 420px;             /* desktop feel */
  }
}

/* Make the image truly fill the column and crop nicely */
#artworkOfDayImage.artwork-of-day-image {
  width: 100%;
  height: 100% !important;
  object-fit: cover;               /* key */
  display: block;
  border-radius: 1rem;             /* optional: matches your card softness */
}

/* ===== Artwork of the Day: View Details overlay readability ===== */
a.artwork-detail-overlay {
  color: #fff !important;
  opacity: 1;
}

a.artwork-detail-overlay:hover,
a.artwork-detail-overlay:focus {
  color: #fff !important;
  text-decoration: none;
}

/* Optional: if the overlay background is too light on hover, force it */
a.artwork-detail-overlay {
  background: rgba(99, 102, 241, 0.92); /* your purple vibe */
}

a.artwork-detail-overlay:hover,
a.artwork-detail-overlay:focus {
  background: rgba(99, 102, 241, 1);
}