@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 40px #3b82f699}}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.animate-slide-in{animation:slide-in .4s ease-out forwards}.animate-scale-in{animation:scale-in .3s ease-out forwards}.skill-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-card:hover{transform:translateY(-4px)}.progress-fill{transition:width .6s cubic-bezier(.4,0,.2,1)}.streak-flame{animation:pulse 1s ease-in-out infinite}.tree-connection{stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw-line 1s ease-out forwards}@keyframes draw-line{to{stroke-dashoffset:0}}.glass-panel{background:#1e293b99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#1e293b80;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#64748b80;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b880}.badge-shine{position:relative;overflow:hidden}.badge-shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shine 3s infinite}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.xp-increment{animation:xp-pop .5s ease-out}@keyframes xp-pop{0%{transform:scale(1)}50%{transform:scale(1.2);color:#fbbf24}to{transform:scale(1)}}.category-openclaw{--category-color: #8b5cf6}.category-tools{--category-color: #06b6d4}.category-concepts{--category-color: #ec4899}.category-languages{--category-color: #f59e0b}.category-infrastructure{--category-color: #10b981}.category-security{--category-color: #ef4444}.level-beginner{--level-color: #94a3b8}.level-intermediate{--level-color: #60a5fa}.level-advanced{--level-color: #a78bfa}.level-expert{--level-color: #fbbf24}