body { font-family: 'Inter', sans-serif; background-color: #FFFFFF; color: #121212; overflow-x: hidden; }
        .page-view { display: none; opacity: 0; }
        .page-view.active { display: block; animation: pageFadeIn 0.8s ease forwards; }
        
        @keyframes pageFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

        .nav-link { position: relative; padding-bottom: 2px; transition: color 0.3s; }
        .nav-link::after {
            content: ''; position: absolute; width: 0; height: 1px;
            bottom: 0; left: 0; background-color: #E84545;
            transition: width 0.3s ease;
        }
        .nav-link:hover::after { width: 100%; }
        .nav-link:hover { color: #E84545; }

        .hero-bg {
            background-image: url('https://images.unsplash.com/photo-1483721310020-03333e577078?auto=format&fit=crop&q=80&w=2000');
            background-size: cover;
            background-position: center;
            animation: slowZoom 30s infinite alternate ease-in-out;
        }
        @keyframes slowZoom { from { transform: scale(1); } to { transform: scale(1.1); } }

        .modal-overlay { background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(10px); }
        .content-card { border-bottom: 1px solid #eee; padding-bottom: 3rem; margin-bottom: 3rem; }
        
        ::-webkit-scrollbar { width: 4px; }
        ::-webkit-scrollbar-track { background: #fff; }
        ::-webkit-scrollbar-thumb { background: #121212; }

        .text-justify-custom { text-align: justify; text-justify: inter-word; }