<>
.text-neon-glow {
text-shadow: 0 0 12px rgba(24463940.4)0 0 30px rgba(168852470.2);
}
.floating-nav {
box-shadow: 0 10px 40px -10px rgba(0000.7)inset 0 1px 1px rgba(2552552550.1);
}
/* Hide horizontal scrollbar for categories but allow swipe */
.no-scrollbar::-webkit-scrollbar {
display: none;
}
.no-scrollbar {
-ms-overflow-: none;
scrollbar-width: none;
}
/* Logo Native CSS Fallback */
.brand-icon-box {
width: 32px; height: 32px;
border-radius: 8px;
background: linear-gradient(135deg#ec4899#9333ea);
display: flex; align-items: center; justify-content: center;
box-shadow: 0 10px 15px -3px rgba(236721530.2);
transition: transform 0.3s ease;
}
.brand-icon-text {
color: white; font-size: 16px; font-weight: 900;
font-family: 'Noto Serif SC'serif;
}
.group:hover .brand-icon-box { transform: rotate(12deg) scale(1.05); }
.brand-text-gradient {
font-size: 1.125rem; font-weight: 900; letter-spacing: 0.15em;
background: linear-gradient(to right#ec4899#fb7185#c084fc);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-family: 'Noto Serif SC'serif;
}
@media (min-width: 768px) {
.brand-text-gradient { font-size: 1.25rem; }
}
<>
.sheen-wrapper {
position: relative;
overflow: hidden;
}
.sheen-wrapper::after {
content: '';
position: absolute;
top: -50%;
left: -60%;
width: 30%;
height: 200%;
background: rgba(2552552550.15);
transform: rotate(30deg);
transition: transform 0s;
pointer-events: none;
}
.group:hover .sheen-wrapper::after {
transform: translate(300%0) rotate(30deg);
transition: transform 1.2s cubic-bezier(0.1610.31);
}
