:root { scroll-behavior: smooth; }
        body { background-color: #050505; color: #FFFFFF; font-family: 'Inter', sans-serif; overflow-x: hidden; }
        .glass { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.08); }
        .glass-dark { background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(8px); border: 1px solid rgba(255, 255, 255, 0.05); }
        .glow-blue:hover { box-shadow: 0 0 40px rgba(0, 102, 255, 0.2); border-color: #0066FF; }
        .glow-green:hover { box-shadow: 0 0 40px rgba(57, 255, 20, 0.2); border-color: #39FF14; }
        .gradient-text { background: linear-gradient(to right, #0066FF, #39FF14); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .grid-bg { background-image: radial-gradient(circle at 2px 2px, rgba(255,255,255,0.05) 1px, transparent 0); background-size: 40px 40px; }
        .code-block { background: #080808; border-radius: 12px; font-family: 'JetBrains Mono', monospace; padding: 1.5rem; border: 1px solid #1A1A1A; overflow-x: auto; }
        .custom-scrollbar::-webkit-scrollbar { width: 6px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: #050505; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #1A1A1A; border-radius: 10px; }
        .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #0066FF; }
        .nav-link { position: relative; cursor: pointer; }
        .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 2px; background: #0066FF; transition: width 0.3s; }
        .nav-link:hover::after { width: 100%; }
        @keyframes slideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
        .animate-slide-up { animation: slideUp 0.6s ease-out forwards; }