@tailwind base;@tailwind components;@tailwind utilities;@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-gradient{background-size:200% 200%;animation:gradient 3s ease infinite}html{scroll-behavior:smooth;scroll-padding-top:2rem}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#1118271a;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:10px;border:2px solid rgba(255,255,255,.1);background-clip:padding-box;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#7c3aed,#2563eb);transform:scale(1.05)}*{scrollbar-width:thin;scrollbar-color:#8b5cf6 rgba(17,24,39,.1)}html{scroll-behavior:smooth}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}*:focus{outline:none}input:focus{box-shadow:0 0 0 3px #8b5cf64d}@keyframes scroll-vertical{0%{transform:translateY(0)}to{transform:translateY(calc(-100% + 400px))}}.animate-scroll-vertical{animation:scroll-vertical 20s linear infinite;animation-play-state:running}.animate-scroll-vertical:hover{animation-play-state:paused}.bg-animated-grid{background-image:linear-gradient(rgba(139,92,246,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.1) 1px,transparent 1px);background-size:50px 50px;animation:grid-move 20s linear infinite}@keyframes grid-move{0%{background-position:0 0}to{background-position:50px 50px}}