.tools-header-gradient{background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(51,141,255,.12) 0%,transparent 60%),linear-gradient(180deg,#0a0a1a,#0f0f23)}.filter-btn{transition:all .3s ease}.filter-btn:hover{background:#338dff14;border-color:#338dff4d}.filter-btn.active{background:#338dff26;border-color:#338dff80;color:#59b0ff}.tool-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.tool-card:hover{transform:translateY(-6px);box-shadow:0 16px 48px -12px #338dff26;border-color:#338dff33}.tool-card.hidden-card{display:none}.pill-available{background:#22c55e1f;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.pill-soon{background:#facc151a;color:#facc15;border:1px solid rgba(250,204,21,.2)}.modal-backdrop{background:#000000b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .3s ease;pointer-events:none}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal-panel{transform:scale(.95) translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0}.modal-backdrop.open .modal-panel{transform:scale(1) translateY(0);opacity:1}.timeline-connector{height:2px;background:linear-gradient(90deg,#338dff33,#338dff80,#338dff33)}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #338dff33}50%{box-shadow:0 0 40px #338dff66}}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}