:root{--primary-blue:#2563EB;--accent-green:#10B981;--highlight-red:#F43F5E;--dark-bg:#1E293B;--darker-bg:#0F172A;--text-light:#F8FAFC;--text-muted:#94A3B8;}*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',-apple-system,sans-serif;}html,body{width:100%;overflow-x:hidden;}body{margin:0;padding:0;min-height:100vh;background-color:#f8f8f8;display:flex;flex-direction:column;}.navbar{position:fixed;top:0;left:0;right:0;background-color:var(--dark-bg);display:flex;align-items:center;padding:0.5rem 2rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1);z-index:1000;height:50px;transition:background-color 0.3s ease;}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-0.5px;display:flex;align-items:center;}.logo-main{background:linear-gradient(90deg,var(--primary-blue) 0%,var(--accent-green) 80%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:0.3rem;}.logo-pro{background:var(--highlight-red);color:white;padding:0.1rem 0.4rem;border-radius:6px;font-size:0.55em;margin-left:0.3rem;position:relative;box-shadow:0 2px 4px rgba(244,63,94,0.3);}.nav-container{display:flex;align-items:center;margin-left:20px;flex-grow:1;}.header-wtp-nav-menu{display:flex;list-style:none;margin:0;padding:0;flex-wrap:wrap;}.header-wtp-nav-item{position:relative;margin:5px;white-space:nowrap;}.header-wtp-nav-link{color:var(--text-light);text-decoration:none;padding:10px 5px;display:block;transition:color 0.3s;}.header-wtp-nav-link:hover{color:var(--accent-green);}.header-wtp-dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--darker-bg);border-radius:0.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);padding:0.5rem 0;min-width:200px;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1001;list-style:none;}.header-wtp-nav-item:hover .header-wtp-dropdown-menu{opacity:1;visibility:visible;}.header-wtp-dropdown-item{display:block;padding:0.5rem 1.5rem;color:var(--text-muted);text-decoration:none;transition:all 0.2s;}.header-wtp-dropdown-item:hover{color:var(--text-light);background-color:rgba(255,255,255,0.05);}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-light);font-size:1.5rem;cursor:pointer;padding:5px;}.mobile-sidebar{position:fixed;top:0;left:-300px;width:280px;height:100vh;background-color:var(--darker-bg);z-index:1001;transition:all 0.3s ease;overflow-y:auto;padding-top:50px;}.mobile-sidebar.active{left:0;}.mobile-sidebar .header-wtp-nav-menu{flex-direction:column;padding:10px;width:100%;}.mobile-sidebar .header-wtp-nav-item{margin:5px 0;width:100%;}.mobile-sidebar .header-wtp-dropdown-menu{position:static;opacity:1;visibility:visible;display:none;background-color:transparent;box-shadow:none;padding-left:15px;width:100%;list-style:none;}.mobile-sidebar .header-wtp-nav-item.active .header-wtp-dropdown-menu{display:block;}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:1000;display:none;}.sidebar-overlay.active{display:block;}.eyou-logo img{height:35px;width:auto;display:block;margin-left:-20px;}.eyou-nav-active{color:var(--accent-green)!important;font-weight:600;}.sub-menu{position:absolute;top:100%;left:0;background-color:var(--darker-bg);border-radius:0.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,0.1);padding:0.5rem 0;min-width:200px;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:1001;list-style:none;}.header-wtp-nav-item:hover .sub-menu{opacity:1;visibility:visible;}.sub-menu li{margin:0;}.sub-menu a{display:block;padding:0.5rem 1.5rem;color:var(--text-muted);text-decoration:none;transition:all 0.2s;}.sub-menu a:hover{color:var(--text-light);background-color:rgba(255,255,255,0.05);}.mobile-sidebar .header-wtp-nav-link{position:relative;padding-right:30px;}.mobile-sidebar .header-wtp-nav-item.has-children .header-wtp-nav-link::after{content:'▼';position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;transition:transform 0.3s;}.mobile-sidebar .header-wtp-nav-item.active.has-children .header-wtp-nav-link::after{transform:translateY(-50%) rotate(180deg);}@media (max-width:1200px){.mobile-sidebar{top:50px;height:calc(100vh - 50px);padding-top:0;width:140px;left:-140px;}.mobile-sidebar .header-wtp-nav-menu{padding:10px 8px;}.navbar{padding:0.5rem;flex-direction:row;justify-content:center;}.logo{position:absolute;left:50%;transform:translateX(-50%);}.nav-container{display:none;}.mobile-menu-btn{display:block;position:absolute;left:15px;top:50%;transform:translateY(-50%);}}