:root { --accent: #00F3FF; }
        body { background: #0A0F1E; color: #E2E8F0; overflow-x: hidden; font-family: 'Inter', sans-serif; }
        .glass { background: rgba(30, 41, 59, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(0, 243, 255, 0.1); }
        .neon-text { text-shadow: 0 0 10px rgba(0, 243, 255, 0.5); }
        .neon-border { box-shadow: 0 0 15px rgba(0, 243, 255, 0.2); border: 1px solid rgba(0, 243, 255, 0.3); }
        .gradient-text { background: linear-gradient(90deg, #00F3FF, #39FF14); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .tech-card { transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        .tech-card:hover { transform: translateY(-10px) scale(1.02); border-color: var(--accent); box-shadow: 0 20px 40px rgba(0,0,0,0.4); }
        .animate-scan { position: relative; overflow: hidden; }
        .animate-scan::after { content: ''; position: absolute; top: -100%; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent, rgba(0, 243, 255, 0.1), transparent); animation: scan 3s infinite; }
        @keyframes scan { 0% { top: -100%; } 100% { top: 100%; } }
        .custom-scrollbar::-webkit-scrollbar { width: 6px; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #00F3FF; border-radius: 10px; }
        .grid-bg { background-image: radial-gradient(circle at 2px 2px, rgba(0, 243, 255, 0.05) 1px, transparent 0); background-size: 40px 40px; }