.dropdown-menu{.dropdown-menu-header { position: absolute; right: 20px; top: 20px; transition: all 0.25s ease-in-out; &:hover { transform: scale(1.1); } .dropdown-menu-close { font-size: 30px; color: #efefef; cursor: pointer; border-radius: 100px; box-shadow: 0 10px 30px rgba(255, 255, 255, 0.4); background: #12143a; transition: all 0.25s ease-in-out; &:hover { box-shadow: 0 5px 40px rgba(255, 255, 255, 0.85); } } }}.mega-menu-section{.mega-menu-items-list { padding: 0; }}.resource-loading{.spinner-border { color: #00f4ff !important; border-color: #00f4ff transparent #00f4ff transparent; } p { color: #a0a0a0; font-size: 1.1rem; }}.no-results{.btn-outline-primary, .clear-search-btn { border-color: #00f4ff !important; color: #00f4ff !important; background-color: transparent !important; transition: all 0.3s ease; &:hover { background-color: #00f4ff !important; color: #1a1a1a !important; border-color: #00f4ff !important; transform: translateY(-1px); } }}.resource-error{background:linear-gradient(135deg,rgba(220,53,69,.1),rgba(220,53,69,5%));border:1px solid rgba(220,53,69,.3);border-radius:8px;color:#fff}.resource-item{background:linear-gradient(135deg,rgba(0,244,255,5%),rgba(0,244,255,2%));border:1px solid rgba(0,244,255,.2);border-radius:12px;transition:all .3s ease;&:hover { transform:translateY(-2px); border-color:#00f4ff; box-shadow:0 8px 25px rgba(0,244,255,0.15); }}.resources .sidebar-navigation{background-color:rgba(0,244,255,2%);border-right:1px solid rgba(0,244,255,.1)}.resources .form-control{background-color:rgba(0,244,255,5%);border-color:rgba(0,244,255,.2);color:#fff;&:focus { background-color:rgba(0,244,255,0.1); border-color:#00f4ff; box-shadow:0 0 0 0.2rem rgba(0,244,255,0.25); color:#ffffff; } &::placeholder { color:#a0a0a0; }}.resources .form-select{background-color:rgba(0,244,255,5%);border-color:rgba(0,244,255,.2);color:#fff;&:focus { background-color:rgba(0,244,255,0.1); border-color:#00f4ff; box-shadow:0 0 0 0.2rem rgba(0,244,255,0.25); } option { background-color:#1a1a1a; color:#ffffff; }}.resource-item{transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;&.hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15); }}.resource-image-container{position:relative;overflow:hidden}.resource-image{width:100%;height:200px;object-fit:cover;transition:transform .3s ease}.resource-item:hover .resource-image{transform:scale(1.05)}.content-type-badge{top:10px;left:10px;font-size:.8em}.popularity-indicator{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.9);padding:5px;border-radius:15px}.resource-meta{display:flex;justify-content:space-between;align-items:center;font-size:.85em;color:rgba(255,255,255,.85);margin-bottom:10px}.resource-tags{margin:15px 0;display:flex;gap:8px;flex-direction:row;gap:8px;flex-wrap:wrap}.tag-section{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.resource-tag{display:inline-flex;align-items:center;padding:3px 8px;margin:0;font-size:.7em;font-weight:500;border-radius:12px;transition:all .2s ease;cursor:default;white-space:nowrap;line-height:1.2;&:hover { transform:translateY(-1px); box-shadow:0 2px 8px rgba(0,0,0,0.15); } i { font-size:0.85em; } &.clickable { cursor:pointer; &:hover { transform:translateY(-2px); box-shadow:0 4px 12px rgba(0,244,255,0.3); } } &.selected { border:2px solid #00f4ff!important; box-shadow:0 0 15px rgba(0,244,255,0.6),0 4px 12px rgba(0,244,255,0.4),inset 0 0 10px rgba(0,244,255,0.2)!important; transform:scale(1.05); font-weight:700; animation:pulse-selected 2s ease-in-out infinite; &:hover { transform:scale(1.08) translateY(-2px); box-shadow:0 0 20px rgba(0,244,255,0.8),0 6px 16px rgba(0,244,255,0.5),inset 0 0 15px rgba(0,244,255,0.3)!important; } }}@keyframes pulse-selected{0%,100%{box-shadow:0 0 15px rgba(0,244,255,.6),0 4px 12px rgba(0,244,255,.4),inset 0 0 10px rgba(0,244,255,.2)}50%{box-shadow:0 0 20px rgba(0,244,255,.8),0 4px 12px rgba(0,244,255,.5),inset 0 0 15px rgba(0,244,255,.3)}}.tag-element{background:linear-gradient(135deg,rgba(13,110,253,.35),rgba(13,110,253,.5));border:1px solid rgba(13,110,253,.8);color:#fff;font-weight:600;box-shadow:0 2px 6px rgba(13,110,253,.4);&:hover { background:linear-gradient(135deg,rgba(13,110,253,0.5),rgba(13,110,253,0.7)); border-color:rgba(13,110,253,1); box-shadow:0 3px 10px rgba(13,110,253,0.6); }}.content-type-badge.badge,.content-type-tag{background:linear-gradient(135deg,#e67800,#c85a00)!important;border:1px solid #e67800!important;color:#fff!important;font-weight:600!important;box-shadow:0 2px 8px rgba(230,120,0,.6),0 0 15px rgba(230,120,0,.3)!important;cursor:pointer;transition:all .2s ease;&:hover { background:linear-gradient(135deg,rgb(255,140,0),rgb(230,120,0))!important; border-color:rgb(255,140,0)!important; box-shadow:0 3px 12px rgba(230,120,0,0.8),0 0 20px rgba(230,120,0,0.4)!important; transform:translateY(-1px); } &.selected { border:2px solid #00f4ff!important; box-shadow:0 0 15px rgba(0,244,255,0.6),0 4px 12px rgba(0,244,255,0.4),inset 0 0 10px rgba(0,244,255,0.2)!important; transform:scale(1.05); font-weight:700; animation:pulse-selected 2s ease-in-out infinite; &:hover { transform:scale(1.08) translateY(-2px); box-shadow:0 0 20px rgba(0,244,255,0.8),0 6px 16px rgba(0,244,255,0.5),inset 0 0 15px rgba(0,244,255,0.3)!important; } }}.category-tag{background:linear-gradient(135deg,rgba(220,53,69,.35),rgba(220,53,69,.5));border:1px solid rgba(220,53,69,.8);color:#fff;font-weight:600;box-shadow:0 2px 6px rgba(220,53,69,.4);&:hover { background:linear-gradient(135deg,rgba(220,53,69,0.5),rgba(220,53,69,0.7)); border-color:rgba(220,53,69,1); box-shadow:0 3px 10px rgba(220,53,69,0.6); }}.product-tag{background:linear-gradient(135deg,rgba(0,244,255,.35),rgba(0,244,255,.5));border:1px solid rgba(0,244,255,.8);color:#fff;font-weight:600;box-shadow:0 2px 6px rgba(0,244,255,.4);&:hover { background:linear-gradient(135deg,rgba(0,244,255,0.5),rgba(0,244,255,0.7)); border-color:#00f4ff; box-shadow:0 3px 10px rgba(0,244,255,0.6); }}.topic-tag{background:linear-gradient(135deg,rgba(40,200,80,.35),rgba(40,200,80,.5));border:1px solid rgba(40,200,80,.8);color:#fff;font-weight:600;box-shadow:0 2px 6px rgba(40,200,80,.4);&:hover { background:linear-gradient(135deg,rgba(40,200,80,0.5),rgba(40,200,80,0.7)); border-color:rgba(40,200,80,1); box-shadow:0 3px 10px rgba(40,200,80,0.6); }}.filter-tag{background:linear-gradient(135deg,rgba(102,16,242,.35),rgba(102,16,242,.5));border:1px solid rgba(102,16,242,.8);color:#fff;font-weight:600;box-shadow:0 2px 6px rgba(102,16,242,.4);&:hover { background:linear-gradient(135deg,rgba(102,16,242,0.5),rgba(102,16,242,0.7)); border-color:rgba(102,16,242,1); box-shadow:0 3px 10px rgba(102,16,242,0.6); }}.resource-actions{display:flex;gap:10px;align-items:center}.share-btn{flex:none;width:36px;padding:5px;color:rgba(0,244,255,.8);border-color:rgba(0,244,255,.8)}.share-btn:hover{background:rgba(0,244,255,.8);color:#fff}.clear-search-btn{display:inline-block;visibility:visible;opacity:1;border-color:#00f4ff;color:#00f4ff;background-color:transparent;transition:all .3s ease;font-weight:500;text-decoration:none;cursor:pointer;&:hover,&:focus,&:active { background-color:#00f4ff; color:#1a1a1a; border-color:#00f4ff; transform:translateY(-1px); box-shadow:0 4px 12px rgba(0,244,255,0.3); }}.clear-all-filters-btn{display:block;visibility:visible;opacity:1;border-color:rgba(0,245,255,.65);color:#fff;background:rgba(0,245,255,.65);transition:all .3s ease;font-weight:600;font-size:14px;text-decoration:none;cursor:pointer;width:100%;margin-bottom:50px;&:hover,&:focus,&:active { background-color:#dc3545; color:#ffffff; border-color:#dc3545; transform:translateY(-1px); box-shadow:0 4px 12px rgba(220,53,69,0.3); }}