:root { scroll-behavior: smooth; }
        body { background-color: #ffffff; color: #0A0A0A; font-family: 'Inter', sans-serif; overflow-x: hidden; }
        .hero-gradient { background: linear-gradient(180deg, #0A0A0A 0%, #171717 100%); }
        .glass-nav { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(0,0,0,0.08); }
        .reveal { opacity: 0; transform: translateY(40px); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .btn-blue { background: #0052cc; color: white; transition: all 0.4s ease; border: 1px solid transparent; }
        .btn-blue:hover { transform: translateY(-3px); box-shadow: 0 15px 30px -5px rgba(0, 82, 204, 0.4); }
        .card-magazine { transition: all 0.5s ease; border: 1px solid transparent; position: relative; overflow: hidden; }
        .card-magazine:hover { border-color: #0052cc; box-shadow: 0 40px 60px -20px rgba(0,0,0,0.1); }
        .card-magazine:hover img { transform: scale(1.05); }
        .custom-scroll::-webkit-scrollbar { width: 4px; }
        .custom-scroll::-webkit-scrollbar-thumb { background: #121212; }

        @keyframes scroll {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }