@tailwind base;@tailwind components;@tailwind utilities;@layer components{.glass-header{background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.dark .glass-header{background:#222222e6}.glass-card{background:#fff9;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);border:1px solid rgba(255,255,255,.3)}.dark .glass-card{background:#282828cc;border:1px solid rgba(6,168,142,.1)}.glass-button{background:#ffffff80;backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%)}.dark .glass-button{background:#282828b3}.glass-input{background:#fffc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dark .glass-input{background:#282828e6}}@layer base{*{@apply border-slate-200 dark:border-slate-700;}body{@apply antialiased;}}@layer utilities{html{scroll-behavior:smooth}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-gradient{background-size:200% 200%;animation:gradient 3s ease infinite}.glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.dark .glass{background:#0003;border:1px solid rgba(255,255,255,.1)}*{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{@apply bg-slate-100 dark:bg-slate-800;}::-webkit-scrollbar-thumb{@apply bg-gradient-to-b from-indigo-500 to-purple-500 rounded-full;}::-webkit-scrollbar-thumb:hover{@apply from-indigo-600 to-purple-600;}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(90deg,#fff0,#fff3,#fff0);background-size:1000px 100%;animation:shimmer 2s infinite}
