:root { --pitch-green: #00FF41; --deep-dark: #0b0e11; --card-bg: #1b1f23; }
        body { background-color: var(--deep-dark); color: #ffffff; font-family: 'Inter', sans-serif; line-height: 1.8; }
        h1, h2, h3, .nav-link { font-family: 'Oswald', sans-serif; text-transform: uppercase; }
        
        .navbar { border-bottom: 1px solid #333; background: rgba(11, 14, 17, 0.95); }
        .article-header { padding: 60px 0; border-bottom: 1px solid #222; }
        .article-meta { color: var(--pitch-green); font-weight: 700; letter-spacing: 1px; }
        
        .main-article-img { width: 100%; border-radius: 15px; margin: 30px 0; border: 1px solid #333; }
        .article-content p { font-size: 1.15rem; color: #d1d1d1; margin-bottom: 25px; }
        .article-content blockquote { 
            border-left: 5px solid var(--pitch-green); 
            padding: 20px; 
            background: #161a1e; 
            font-style: italic; 
            font-size: 1.4rem;
            margin: 40px 0;
        }

        .share-btn { width: 45px; height: 45px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #222; color: white; text-decoration: none; transition: 0.3s; }
        .share-btn:hover { background: var(--pitch-green); color: black; }
        
        .related-card { background: var(--card-bg); border: none; border-radius: 10px; transition: 0.3s; }
        .related-card:hover { border-left: 4px solid var(--pitch-green); }