body { background-color: #f3f6f8; color: #334155; overflow-x: hidden; }
        
        /* Gradients */
        .header-bar { background: linear-gradient(to right, #b91c1c, #dc2626, #b91c1c); }
        .sub-header-bar { background: linear-gradient(to bottom, #fcd34d, #f59e0b); border-bottom: 1px solid #d97706; }
        
        /* Logo Logic */
        .logo-badge { 
            position: absolute; top: -42px; left: 0; z-index: 100; 
            width: 130px; transition: all 0.3s; pointer-events: none;
        }
        @media (min-width: 768px) { .logo-badge { width: 185px; top: -35px; } }

        .hero-section { background-image: url('https://mijn-maffia.be/shared/images/hero_back.png'); background-size: cover; background-position: center top; position: relative; }
        
        /* Inputs */
        .custom-input { width: 100%; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 0.5rem; padding: 0.625rem 1rem; font-size: 0.875rem; outline: none; transition: 0.2s; }
        .custom-input:focus { border-color: #cc2b34; box-shadow: 0 0 0 3px rgba(204, 43, 52, 0.1); }
        .toggle-checkbox:checked { right: 0; border-color: #22c55e; }
        .toggle-checkbox:checked + .toggle-label { background-color: #22c55e; }

        /* Submenu Styling */
        .sub-nav-link { 
            display: flex; align-items: center; gap: 8px; 
            font-size: 0.75rem; font-weight: 800; color: #451a03; 
            padding: 8px 12px; border-radius: 6px; transition: background 0.2s; white-space: nowrap; 
            text-transform: uppercase;
        }
        .sub-nav-link:hover { background-color: rgba(255,255,255,0.2); }
        
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }