html,body{background-color:#0a0b0e;color:#f8fafc;overflow-x:hidden;width:100%;position:relative}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0a0b0e}::-webkit-scrollbar-thumb{background:#eb1b3c;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#ff2a4d}.glass-nav{background:rgba(10,11,14,0.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,0.05)}.glass-card{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);backdrop-filter:blur(10px);transition:transform 0.3s ease,border-color 0.3s ease,background 0.3s ease}.glass-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,0.15);background:rgba(255,255,255,0.05)}.text-gradient{background:linear-gradient(to right,#ff4b68,#eb1b3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.swiper-slide{height:auto}.swiper-button-next,.swiper-button-prev{color:white !important;background:rgba(255,255,255,0.1);width:50px;height:50px;border-radius:50%;backdrop-filter:blur(5px);transition:all 0.3s ease}.swiper-button-next:hover,.swiper-button-prev:hover{background:rgba(255,255,255,0.2);transform:scale(1.1)}.swiper-button-next:after,.swiper-button-prev:after{font-size:20px !important}.swiper-pagination-bullet{background:white !important;opacity:0.3 !important;transition:all 0.3s ease}.swiper-pagination-bullet-active{opacity:1 !important;background:#eb1b3c !important;transform:scale(1.2)}.portfolio-image{object-fit:contain;width:100%;height:100%;max-height:350px;border-radius:12px}.nav-link{position:relative}.nav-link::after{content:'';position:absolute;width:0;height:2px;bottom:-4px;left:0;background-color:#eb1b3c;transition:width 0.3s ease}.nav-link:hover::after{width:100%}
/* Light Theme overrides */
.bg-light-theme, .bg-lighter-theme { color: #1f2937 !important; }
.bg-light-theme { background-color: #f7f8fa !important; }
.bg-lighter-theme { background-color: #ffffff !important; }
.bg-light-theme h1, .bg-lighter-theme h1, .bg-light-theme h2, .bg-lighter-theme h2, .bg-light-theme h3, .bg-lighter-theme h3, .bg-light-theme h4, .bg-lighter-theme h4, .bg-light-theme h5, .bg-lighter-theme h5, .bg-light-theme h6, .bg-lighter-theme h6 { color: #111827 !important; }
.bg-light-theme p, .bg-lighter-theme p { color: #4b5563 !important; }
.bg-light-theme .text-gray-300, .bg-lighter-theme .text-gray-300, .bg-light-theme .text-gray-400, .bg-lighter-theme .text-gray-400, .bg-light-theme .text-gray-500, .bg-lighter-theme .text-gray-500, .bg-light-theme .text-white, .bg-lighter-theme .text-white { color: #4b5563 !important; }
.bg-light-theme .font-display.text-white, .bg-lighter-theme .font-display.text-white, .bg-light-theme .font-bold.text-white, .bg-lighter-theme .font-bold.text-white, .bg-light-theme .text-cream, .bg-lighter-theme .text-cream, .bg-light-theme h3.text-white, .bg-lighter-theme h3.text-white, .bg-light-theme h2.text-white, .bg-lighter-theme h2.text-white, .bg-light-theme h4.text-white, .bg-lighter-theme h4.text-white, .bg-light-theme .font-bold.font-display.text-white, .bg-lighter-theme .font-bold.font-display.text-white { color: #111827 !important; }
.bg-light-theme .glass-card, .bg-lighter-theme .glass-card { background: #ffffff !important; border: 1px solid #e5e7eb !important; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important; }
.bg-light-theme .glass-card:hover, .bg-lighter-theme .glass-card:hover { background: #ffffff !important; border-color: #d1d5db !important; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important; }
.bg-light-theme .border-white\/5, .bg-lighter-theme .border-white\/5, .bg-light-theme .border-white\/10, .bg-lighter-theme .border-white\/10 { border-color: #e5e7eb !important; }
.bg-light-theme .bg-darker, .bg-lighter-theme .bg-darker { background-color: #f3f4f6 !important; }
.bg-light-theme .bg-dark\/80, .bg-lighter-theme .bg-dark\/80 { background-color: rgba(255, 255, 255, 0.9) !important; }
.bg-light-theme .bg-white\/5, .bg-lighter-theme .bg-white\/5 { background-color: rgba(0, 0, 0, 0.05) !important; }
.bg-light-theme .border-gray-800\/50, .bg-lighter-theme .border-gray-800\/50, .bg-light-theme .border-gray-800, .bg-lighter-theme .border-gray-800 { border-color: #e5e7eb !important; }
.bg-light-theme .prose-invert, .bg-lighter-theme .prose-invert { color: #4b5563 !important; }
.bg-light-theme .bg-black\/30, .bg-lighter-theme .bg-black\/30, .bg-light-theme .bg-black\/50, .bg-lighter-theme .bg-black\/50 { background-color: transparent !important; }
.bg-light-theme .bg-gradient-to-br.from-gray-900\/50.to-dark, .bg-lighter-theme .bg-gradient-to-br.from-gray-900\/50.to-dark, .bg-light-theme .bg-gradient-to-bl.from-gray-900\/50.to-dark, .bg-lighter-theme .bg-gradient-to-bl.from-gray-900\/50.to-dark { background: #ffffff !important; }
.bg-light-theme .hover\:text-white:hover, .bg-lighter-theme .hover\:text-white:hover { color: #111827 !important; }