@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-tutempo-dark text-slate-200;}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{@apply bg-tutempo-dark;}::-webkit-scrollbar-thumb{@apply bg-white/10 rounded-full;}::-webkit-scrollbar-thumb:hover{@apply bg-white/20;}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .5s ease-out forwards;opacity:0}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes glow{0%,to{box-shadow:0 0 20px #c5a0654d}50%{box-shadow:0 0 40px #c5a06599}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-gradient{background-size:200% 200%;animation:gradientShift 8s ease infinite}.animate-glow{animation:glow 3s ease-in-out infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);background-size:1000px 100%;animation:shimmer 3s infinite}.noise-texture:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1}.mesh-gradient{background:radial-gradient(at 0% 0%,rgba(197,160,101,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(139,92,246,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(16,185,129,.08) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(197,160,101,.12) 0px,transparent 50%)}.glass{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}html{scroll-behavior:smooth}::selection{background-color:var(--color-primary);color:var(--color-text-on-primary)}
