:root { scroll-behavior: smooth; }
        body { background-color: #020408; color: #E2E8F0; }
        .tech-card { background: linear-gradient(145deg, #0A0C10 0%, #05070A 100%); border: 1px solid rgba(255,255,255,0.05); }
        .tech-card:hover { border-color: #00F3FF; box-shadow: 0 0 30px rgba(0, 243, 255, 0.1); }
        .neon-text { text-shadow: 0 0 8px rgba(0, 243, 255, 0.4); }
        .glass-nav { background: rgba(2, 4, 8, 0.85); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255,255,255,0.05); }
        .custom-scroll::-webkit-scrollbar { width: 5px; }
        .custom-scroll::-webkit-scrollbar-thumb { background: #00F3FF; border-radius: 10px; }
        .hero-gradient { background: radial-gradient(circle at 50% 50%, rgba(0, 243, 255, 0.05) 0%, transparent 70%); }
        @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
        .floating { animation: float 6s ease-in-out infinite; }
        .transition-cubic { transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); }