:root {
            --primary: #4361ee;
            --secondary: #00ced1;
            --text: #fff;
            --text-light: #8d99ae;
            --background: #000;
            --shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        }
.mobile-menu,.submenu{background:var(--background);box-shadow:var(--shadow);left:0;right:0}.menu-icon,.menu-item,.menu-label,.submenu{transition:.3s}*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',-apple-system,BlinkMacSystemFont,sans-serif}.mobile-menu{display:none;position:fixed;bottom:0;border-radius:20px 20px 0 0;padding:12px 0 10px;z-index:1000;max-width:500px;margin:0 auto}.menu-item,.menu-items{display:flex;position:relative}.menu-items{justify-content:space-around;list-style:none}.menu-item{flex-direction:column;align-items:center;text-align:center;width:20%;cursor:pointer;z-index:1}.menu-icon{width:24px;height:24px;margin-bottom:6px}.menu-icon svg{width:100%;height:100%;fill:var(--text-light)}.menu-label{font-size:11px;font-weight:500;color:var(--text-light)}.menu-item.active .menu-icon svg{fill:var(--primary)}.menu-item.active .menu-label{color:var(--primary);font-weight:600}.content,.menu-item:hover .menu-label,.submenu-label{color:var(--text)}.menu-item.active::before{content:'';position:absolute;top:-10px;width:6px;height:6px;background:var(--primary);border-radius:50%}.menu-item:hover .menu-icon{transform:translateY(-5px) scale(1.1)}.submenu{position:absolute;bottom:100%;border-radius:15px 15px 0 0;padding:15px;display:none;transform:translateY(20px);opacity:0;z-index:0}.submenu.active{display:block;transform:translateY(0);opacity:1}.submenu-items{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;list-style:none}.submenu-item{padding:10px;border-radius:10px;display:flex;flex-direction:column;align-items:center;transition:.2s}.submenu-item:hover{background:rgba(67,97,238,.1)}.submenu-icon{width:20px;height:20px;margin-bottom:5px}.submenu-icon svg{width:100%;height:100%;fill:var(--text)}.submenu-label{font-size:10px;font-weight:500}.content{padding:20px;text-align:center}.content h1{margin-bottom:15px;color:var(--primary)}@media (max-width:768px){.mobile-menu{display:block}}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:999;display:none}.overlay.active{display:block}