:root {
            --primary: #d93;
            --accent: #2ea3f2;
            --dark: #000;
            --bg: #f5f5f5;
            --text: #666;
            --header-bg: #000;
        }
        * { box-sizing: border-box; }
        body { margin: 0; font-family: 'Oswald', Arial, sans-serif; color: var(--text); line-height: 1.6; }
        a { color: var(--primary); text-decoration: none; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        
        /* Header */
        #top-header { background: var(--accent); color: #fff; font-size: 12px; padding: 5px 0; }
        #main-header { background: var(--header-bg); padding: 20px 0; }
        .logo-placeholder { font-size: 24px; font-weight: bold; color: var(--primary); text-transform: uppercase; }
        #top-menu { list-style: none; display: flex; gap: 20px; margin: 0; padding: 0; }
        #top-menu a { color: #a3a3a3; }
        
        /* Layout */
        .section { padding: 80px 0; }
        .dark-bg { background: var(--dark); color: #fff; }
        .hero { min-height: 400px; background-size: cover; background-position: center; display: flex; align-items: center; }
        
        /* Components */
        .card { background: #fff; padding: 20px; border-bottom: 3px solid var(--primary); margin-bottom: 20px; }
        .btn-arrow { display: inline-block; width: 40px; height: 40px; background: var(--primary); clip-path: polygon(50% 100%, 0 0, 100% 0); }
        .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; }
        
        /* Footer */
        #main-footer { background: #222; color: #666; padding: 40px 0; text-align: center; margin-top: 50px; }
        
        @media (max-width: 768px) { #top-menu { flex-direction: column; } }