:root {
            --primary: #000080;
            --bg-dark: #09090a;
            --body-bg: #000000;
            --container-bg: #FFE4B5;
            --text-main: #333;
        }
        * { box-sizing: border-box; }
        body { font-family: Arial, sans-serif; background-color: var(--body-bg); margin: 0; padding: 0; }
        #dtemplate_container { max-width: 1000px; margin: 0 auto; background: #fff; }
        #dtemplate_header { background: var(--bg-dark); }
        #dtemplate_header img { width: 100%; height: auto; display: block; }
        #dtemplate_nav-bar { background: #fff; padding: 10px; text-align: center; border-bottom: 2px solid var(--primary); }
        #dtemplate_nav-bar a { display: inline-block; padding: 5px 10px; color: #1e11d6; text-decoration: none; font-weight: bold; }
        #dtemplate_main-content { display: flex; flex-direction: column; background: var(--container-bg); padding: 20px; }
        .sidebar { width: 100%; }
        .hero-section { text-align: center; margin-bottom: 20px; }
        .footer { text-align: center; padding: 20px; font-size: 12px; background: #eee; }
        
        @media (min-width: 768px) {
            #dtemplate_main-content { flex-direction: row; }
            .sidebar { width: 250px; flex-shrink: 0; }
        }
        
        .widget-img { max-width: 100%; height: auto; border-radius: 4px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
        .social-link { display: inline-block; width: 24px; height: 24px; background: #3b5998; color: #fff; text-align: center; border-radius: 50%; }