@layer base{@apply antialiased text-slate-800 bg-white;body{width:100%;margin:0;padding:0;font-family:Inter,sans-serif;overflow-x:hidden}*{box-sizing:border-box}}.kafi-card{border:1px solid #e5e7eb;border-radius:10px;transition:box-shadow .25s,transform .25s,border-color .25s;overflow:hidden;box-shadow:0 1px 4px #0000000f}.kafi-card:hover{z-index:2;border-color:#0ea5e94d;position:relative;transform:translateY(-5px)scale(1.02);box-shadow:0 8px 30px #00aae633,0 2px 8px #0000001a}.cat-nav-scroll::-webkit-scrollbar{display:none}.cat-nav-scroll{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#e21a83}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-slide-in-right{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInRight}.animate-slide-in-left{animation:.3s cubic-bezier(.16,1,.3,1) forwards slideInLeft}.animate-fade-in{animation:.2s ease-out forwards fadeIn}.animate-scale-up{animation:.3s cubic-bezier(.34,1.56,.64,1) forwards scaleUp}@keyframes bounceSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-bounce-slow{animation:2.5s ease-in-out infinite bounceSlow}.glass-panel{-webkit-backdrop-filter:blur(12px);background:#ffffffbf;border:1px solid #fff6}.glass-header{-webkit-backdrop-filter:blur(8px);background:#fffc}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.banner-gradient{background:linear-gradient(135deg,#fdf2f8 0%,#fae8ff 100%)}.glow-hover:hover{box-shadow:0 0 15px #e21a8333}.sticky-header{z-index:40;position:sticky;top:0}@keyframes waPulse{0%,to{box-shadow:0 0 #25d36680}50%{box-shadow:0 0 0 12px #25d36600}}.wa-float{animation:2s infinite waPulse}
