:root {
            --primary: #000;
            --secondary: #0047ab;
            --accent-yellow: #DD7530;
            --white: #fff;
            --gray: #f5f5f5;
        }

        body {
            font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            margin: 0;
            line-height: 1.6;
            color: var(--primary);
        }

        header {
            padding: 1rem 5%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: var(--white);
            border-bottom: 1px solid #eee;
        }

        .logo { width: 150px; }

        nav a {
            margin-left: 20px;
            text-decoration: none;
            color: var(--primary);
            font-weight: 600;
        }

        .btn {
            background: var(--accent-yellow);
            color: white;
            padding: 12px 24px;
            border-radius: 50px;
            text-decoration: none;
        }

        section { padding: 4rem 5%; }

        .hero {
            background: #e0e0e0;
            min-height: 400px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .text-yellow { color: var(--accent-yellow); }

        .letter-title { font-size: 3rem; text-transform: uppercase; line-height: 1.1; }

        .footer {
            padding: 2rem 5%;
            background: var(--primary);
            color: white;
            text-align: center;
        }

        @media (max-width: 768px) {
            .navbar1_menu { display: none; }
            .letter-title { font-size: 2rem; }
        }

        .close-icon {
            width: 24px; height: 24px;
            background: #ccc;
            display: inline-block;
            clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);
        }