:root {
            --black: #000;
            --gray: #333;
            --light-gray: #ccc;
            --font-main: 'Helvetica Neue', Arial, sans-serif;
        }
        * { box-sizing: border-box; margin: 0; padding: 0; }
        body { font-family: var(--font-main); color: var(--black); line-height: 1.6; }
        a { text-decoration: none; color: inherit; }
        
        .Header { display: flex; align-items: center; justify-content: space-between; padding: 20px 40px; border-bottom: 1px solid #eee; }
        .Logo img { height: 40px; width: auto; }
        
        nav ul { display: flex; list-style: none; gap: 20px; }
        
        .Hero { 
            height: 60vh; 
            background: #212121; 
            display: flex; 
            align-items: center; 
            justify-content: center; 
            color: #fff;
            text-align: center;
        }

        .Section { padding: 60px 20px; text-align: center; }
        .Button { display: inline-block; padding: 10px 30px; border: 1px solid var(--black); margin-top: 20px; transition: 0.3s; }
        .Button:hover { background: var(--black); color: #fff; }

        .Footer { background: #1c1c1c; color: #fff; padding: 40px; text-align: center; }
        .Footer img { height: 30px; margin-bottom: 10px; }

        @media (max-width: 768px) {
            .Header { padding: 15px; }
            .Hero { height: 40vh; }
        }