body { font-family: 'Inter', sans-serif; scroll-behavior: smooth; overflow-x: hidden; }
        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.2, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }
        .page-view { display: none; min-height: 100vh; min-width: fit-content; }
        .page-view.active { display: block; animation: fadeIn 0.6s ease-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
        .nav-underline::after { content: ''; position: absolute; width: 0; height: 2px; bottom: -4px; left: 0; background: #57A6FF; transition: 0.3s; }
        .nav-underline:hover::after { width: 100%; }
        .article-card:hover img { transform: scale(1.05); }
        .glass { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(12px); }