/* Non-critical CSS - Below the fold and animations */
body::before{content:'';position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,var(--accent-bg) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--accent-bg) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(139,92,246,0.05) 0%,transparent 50%);pointer-events:none;z-index:-1}nav.scrolled{backdrop-filter:blur(30px);box-shadow:0 4px 20px rgba(0,0,0,0.1)}.logo-img{height:100%;width:auto;transition:all .3s}.logo-wrapper{height:58px;position:relative;width:190px}[data-theme="dark"] .logo-img{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(12deg) brightness(104%) contrast(104%);opacity:0.9}[data-theme="dark"] .logo:hover .logo-img{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(12deg) brightness(120%) contrast(104%);opacity:1}[data-theme="light"] .logo-img{filter:none}.logo-bg{position:absolute;inset:-8px;background:radial-gradient(ellipse at center,rgba(255,255,255,0.1) 0%,transparent 70%);opacity:0;transition:all .3s;pointer-events:none;border-radius:12px}[data-theme="dark"] .logo-bg{opacity:1}.nav-link{transition:all .2s;position:relative}.nav-link:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent-gradient);transition:all .3s;transform:translateX(-50%)}.nav-link:hover::after{width:80%}.mobile-menu-btn{background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:8px}.btn-primary{transition:all .2s;position:relative;overflow:hidden;border:1px solid transparent}.btn-primary::before{content:'';position:absolute;inset:0;background:var(--accent-gradient);opacity:0;transition:opacity .2s}.btn-primary:hover{transform:translateY(-1px);background:var(--btn-hover);box-shadow:0 4px 12px rgba(0,0,0,0.1),0 0 20px var(--glow-color)}[data-theme="dark"] .btn-primary:hover{box-shadow:0 4px 12px rgba(0,0,0,0.3),0 0 30px var(--glow-color)}.theme-toggle{background:var(--bg-card);border:1px solid var(--border-primary);width:80px;height:40px;border-radius:20px;display:flex;align-items:center;cursor:pointer;transition:all .3s;margin-left:12px;position:relative;overflow:hidden;padding:4px}.theme-toggle::before{content:'';position:absolute;width:32px;height:32px;border-radius:50%;background:var(--btn-bg);transition:all .3s cubic-bezier(0.4,0,0.2,1);left:4px;box-shadow:0 2px 8px rgba(0,0,0,0.2)}[data-theme="light"] .theme-toggle::before{transform:translateX(40px)}.theme-toggle::after{content:'';position:absolute;inset:0;border-radius:20px;background:var(--accent-gradient);opacity:0;transition:opacity .3s}.theme-toggle:hover::after{opacity:0.1}.theme-toggle:hover{transform:scale(1.05);border-color:var(--accent-primary)}.theme-icons{display:flex;justify-content:space-between;width:100%;padding:0 8px;position:relative;z-index:1}.sun-icon,.moon-icon{width:20px;height:20px;transition:all .3s}[data-theme="dark"] .sun-icon{opacity:0.3;transform:scale(0.8)}[data-theme="dark"] .moon-icon{opacity:1;transform:scale(1)}[data-theme="light"] .sun-icon{opacity:1;transform:scale(1)}[data-theme="light"] .moon-icon{opacity:0.3;transform:scale(0.8)}.theme-tooltip{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);background:var(--bg-primary);color:var(--text-primary);padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;opacity:0;pointer-events:none;transition:all .3s;white-space:nowrap;border:1px solid var(--border-primary);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.theme-toggle:hover .theme-tooltip{opacity:1;bottom:-35px}.footer{margin-top:30px;padding:28px 0 20px;background:linear-gradient(to bottom,transparent,var(--bg-card));position:relative;overflow:hidden}.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,var(--border-primary) 20%,var(--border-primary) 80%,transparent);opacity:0.5}.footer::after{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:500px;height:160px;background:radial-gradient(ellipse at center,var(--accent-bg) 0%,transparent 70%);opacity:0.3;pointer-events:none}.footer-content{text-align:center;max-width:1200px;margin:0 auto}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 20px;margin:0 0 20px;padding:0;list-style:none}.footer-links a{color:var(--text-muted);text-decoration:none;font-size:16px;font-weight:500;padding:6px 12px;border-radius:8px;transition:all .2s;position:relative;letter-spacing:0.01em}.footer-links a::before{content:'';position:absolute;inset:0;background:var(--bg-hover);border-radius:12px;opacity:0;transition:opacity .2s}.footer-links a:hover{color:var(--text-primary);transform:translateY(-2px)}.footer-links a:hover::before{opacity:1}.footer-divider{width:36px;height:2px;background:var(--accent-gradient);margin:0 auto 18px;opacity:0.6;border-radius:2px}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:10px}.footer-copyright{color:var(--text-muted);font-size:15px;font-weight:400;letter-spacing:0.02em}.footer-brand{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-weight:700;margin-bottom:2px;font-size:20px}.footer-logo{width:34px;height:34px;opacity:0.9}[data-theme="dark"] .footer-logo{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7500%) hue-rotate(12deg) brightness(104%) contrast(104%)}@media(max-width:768px){.nav-links{position:fixed;top:64px;left:0;right:0;background:var(--bg-primary);flex-direction:column;padding:20px;gap:8px;transform:translateY(-100%);opacity:0;transition:all .3s;border-bottom:1px solid var(--border-primary)}.nav-links.active{transform:translateY(0);opacity:1}body{font-size:16px}.footer{margin-top:28px;padding:24px 0 18px}.footer-links{gap:4px 14px;margin-bottom:16px}.footer-links a{font-size:15px;padding:5px 10px}.footer-divider{width:32px;height:2px;margin:0 auto 14px}.footer-brand{font-size:18px;gap:8px}.footer-logo{width:29px;height:29px}.footer-copyright{font-size:14px}.nav-links{gap:8px}.nav-link{padding:8px 12px;font-size:15px}.btn-primary{padding:8px 16px;font-size:15px}.theme-toggle{width:70px;height:36px}.theme-toggle::before{width:28px;height:28px}[data-theme="light"] .theme-toggle::before{transform:translateX(34px)}}/* Smooth theme switching - removed to prevent flash, now handled by transitions-ready class */