:root {
            --primary-blue: #004a99;
            --secondary-blue: #003366;
            --accent-gold: #d4af37;
            --light-bg: #f8f9fa;
            --text-main: #2c3e50;
        }

        body {
            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            line-height: 1.8;
            color: var(--text-main);
            margin: 0;
            padding: 0;
            background-color: #ffffff;
        }

        .container { max-width: 900px; margin: 0 auto; padding: 20px; }

        /* Header & Cover */
        .blog-header { text-align: center; padding: 60px 20px; background: linear-gradient(rgba(0,74,153,0.9), rgba(0,51,102,0.9)), url('https://via.placeholder.com/1200x600'); background-size: cover; color: white; border-radius: 0 0 50px 50px; }
        .blog-header h1 { font-size: 2.8rem; margin-bottom: 20px; line-height: 1.2; }
        .meta-info { font-style: italic; opacity: 0.8; }

        /* Content Sections */
        .featured-img { width: 100%; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); margin: 30px 0; }
        
        h2 { color: var(--primary-blue); border-left: 5px solid var(--accent-gold); padding-left: 15px; margin-top: 50px; }
        
        .highlight-box { background: var(--light-bg); border-radius: 12px; padding: 30px; border: 1px solid #e1e8ed; margin: 30px 0; }
        
        /* Comparison Table */
        .comparison-table { width: 100%; border-collapse: collapse; margin: 30px 0; overflow-x: auto; display: block; }
        .comparison-table th { background: var(--primary-blue); color: white; padding: 15px; text-align: left; }
        .comparison-table td { padding: 15px; border-bottom: 1px solid #ddd; }
        .comparison-table tr:hover { background: #f1f1f1; }

        /* CTA Section */
        .cta-block { background: var(--secondary-blue); color: white; padding: 40px; text-align: center; border-radius: 20px; margin: 60px 0; }
        .btn-premium { background: var(--accent-gold); color: white; padding: 18px 35px; text-decoration: none; border-radius: 50px; font-weight: bold; display: inline-block; transition: 0.3s; margin-top: 20px; }
        .btn-premium:hover { transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0,0,0,0.3); }

        /* Mobile Adjustments */
        @media (max-width: 768px) {
            .blog-header h1 { font-size: 1.8rem; }
            h2 { font-size: 1.5rem; }
        }