@tailwind base;@tailwind components;@tailwind utilities;html,body{@apply overflow-x-hidden max-w-full;position:relative;width:100%}@layer base{:root{--glass-background: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3)}.dark{--glass-background: rgba(15, 23, 42, .7);--glass-border: rgba(30, 41, 59, .5)}body{@apply antialiased;}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{@apply bg-transparent;}::-webkit-scrollbar-thumb{@apply bg-slate-200 dark:bg-slate-800 rounded-full border-4 border-solid border-transparent bg-clip-content;}::-webkit-scrollbar-thumb:hover{@apply bg-slate-300 dark:bg-slate-700;}}@layer components{.glass{background:var(--glass-background);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border)}.premium-card{@apply bg-white dark:bg-slate-800 shadow-sm hover:shadow-xl transition-all duration-300 border border-slate-100 dark:border-slate-700 hover:-translate-y-1 dark:hover:shadow-[0_0_20px_rgba(59,130,246,.15)] dark:hover:border-blue-500/30;}.animate-in{animation-duration:.5s;animation-fill-mode:both}.fade-in{animation-name:fadeIn}.zoom-in-95{animation-name:zoomIn95}.slide-in-from-right-4{animation-name:slideInFromRight}.slide-in-from-bottom-2{animation-name:slideInFromBottom}.slide-in-from-left-2{animation-name:slideInFromLeft}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn95{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInFromRight{0%{transform:translate(1rem);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(.5rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-.5rem);opacity:0}to{transform:translate(0);opacity:1}}.animate-fade-out-3s{animation:fadeOut .5s ease-out 3s forwards}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}svg{pointer-events:none}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-thumb{@apply bg-slate-300 dark:bg-slate-700 rounded-full hover:bg-blue-500 transition-colors;}@layer utilities{.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}}