:root { --mint: #98EECC; --maroon: #482121; }
        
        body { font-family: 'Lato', sans-serif; color: var(--maroon); overflow-x: hidden; scroll-behavior: smooth; }

        /* Navigation & Transitions */
        .page-content { display: none; }
        .page-content.active { display: block; animation: fadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        
        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(40px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Hero Styling */
        .hero-diagonal {
            clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
            background: linear-gradient(135deg, #F5F5F5 0%, #E0E0E0 100%);
            animation: heroSlide 1.2s ease-out;
        }
        @keyframes heroSlide { from { clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%); } to { clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%); } }

        /* Animations on Scroll */
        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
        .reveal.active { opacity: 1; transform: translateY(0); }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #f1f1f1; }
        ::-webkit-scrollbar-thumb { background: var(--maroon); }

        /* Sidebar Menus */
        .sidebar { position: fixed; top: 0; right: 0; height: 100%; width: 450px; max-width: 100%; background: white; z-index: 1000; transform: translateX(100%); transition: transform 0.6s cubic-bezier(0.7, 0, 0.3, 1); box-shadow: -10px 0 50px rgba(0,0,0,0.1); }
        .sidebar.active { transform: translateX(0); }
        .overlay-bg { position: fixed; inset: 0; background: rgba(72, 33, 33, 0.4); backdrop-filter: blur(8px); z-index: 999; display: none; }
        .overlay-bg.active { display: block; }

        /* Full View Overlays (For articles) */
        .article-view { position: fixed; inset: 0; background: white; z-index: 2000; overflow-y: auto; transform: translateY(100%); transition: transform 0.6s ease; }
        .article-view.active { transform: translateY(0); }

        .btn-mint { background: #98EECC; color: #482121; font-weight: 900; text-transform: uppercase; letter-spacing: 0.1em; transition: all 0.3s; }
        .btn-mint:hover { background: #482121; color: white; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
        
        .sticky-header.scrolled { background: rgba(255, 255, 255, 0.95); padding: 1rem 0 !important; border-bottom: 1px solid #eee; }