:root { scroll-behavior: smooth; }
        body { background-color: #5c2a2a; color: #173e64; overflow-x: hidden; }
        .tech-gradient { background: linear-gradient(135deg, #0b172a 0%, #151d1e 100%); }
        .glass-header { background: rgba(3, 5, 7, 0.85); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255,255,255,0.05); }
        .card-glow { transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid rgba(255,255,255,0.03); }
        .card-glow:hover { border-color: #435166; box-shadow: 0 20px 40px rgba(0,0,0,0.4), 0 0 20px rgba(59, 130, 246, 0.1); transform: translateY(-8px); }
        .reading-progress { height: 2px; background: #242b36; position: fixed; top: 0; left: 0; z-index: 1000; }
        .custom-scrollbar::-webkit-scrollbar { width: 5px; }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: #030303; border-radius: 10px; }
        .nav-link { position: relative; cursor: pointer; transition: color 0.3s; }
        .nav-link::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 1px; background: #3B82F6; transition: width 0.3s; }
        .nav-link:hover::after { width: 100%; }
        .btn-tech { transition: all 0.4s ease; border: 1px solid transparent; }
        .btn-tech:hover { transform: scale(1.02); box-shadow: 0 0 25px rgba(59, 130, 246, 0.3); }
        .article-reveal { animation: reveal 0.8s ease-out forwards; }
        @keyframes reveal { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }