@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{color-scheme:light;--background: 210 40% 98%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 221.2 83.2% 53.3%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 88%;--input: 214.3 31.8% 88%;--ring: 221.2 83.2% 53.3%;--radius: .5rem}.dark{color-scheme:dark;--background: 222 47% 4%;--foreground: 213 31% 91%;--card: 222 47% 6%;--card-foreground: 213 31% 91%;--popover: 222 47% 8%;--popover-foreground: 213 31% 91%;--primary: 217 91% 60%;--primary-foreground: 210 40% 98%;--secondary: 217 32% 12%;--secondary-foreground: 210 40% 98%;--muted: 217 32% 10%;--muted-foreground: 215 20% 65%;--accent: 217 32% 15%;--accent-foreground: 210 40% 98%;--border: 217 33% 17% / .3;--input: 217 33% 17% / .3;--ring: 224 76% 48%;--destructive: 0 62% 30%;--destructive-foreground: 210 40% 98%}}@layer base{*{@apply border-border;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}body{@apply bg-background text-foreground;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}}@layer components{.glass{@apply bg-white/70 dark:bg-[hsl(220,23%,10%)] backdrop-blur-xl border border-white/20 dark:border-white/[.06];}.glass-card{@apply bg-white/80 dark:bg-[hsl(220,23%,11%)] backdrop-blur-xl border border-white/30 dark:border-white/[.06] shadow-xl shadow-black/5 dark:shadow-black/20;}.glass-panel{@apply bg-white/50 dark:bg-[hsl(220,20%,8%)] backdrop-blur-lg border border-white/20 dark:border-white/[.04];}.glass-button{@apply bg-white/20 dark:bg-white/[.06] backdrop-blur-md border border-white/30 dark:border-white/[.08] hover:bg-white/40 dark:hover:bg-white/10 transition-all;}.glass-primary{@apply bg-primary/10 dark:bg-primary/10 backdrop-blur-xl border border-primary/20 dark:border-primary/20;}.glass-success{@apply bg-emerald-500/10 dark:bg-emerald-500/10 backdrop-blur-xl border border-emerald-500/20 dark:border-emerald-500/15;}.glass-warning{@apply bg-amber-500/10 dark:bg-amber-500/10 backdrop-blur-xl border border-amber-500/20 dark:border-amber-500/15;}.glass-danger{@apply bg-red-500/10 dark:bg-red-500/10 backdrop-blur-xl border border-red-500/20 dark:border-red-500/15;}.glass-gradient{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);@apply backdrop-blur-xl border border-white/[.06];}.glass-glow{@apply relative;}.glass-glow:before{content:"";@apply absolute inset-0 -z-10 blur-2xl opacity-30;background:radial-gradient(ellipse at center,hsl(var(--primary) / .4),transparent 70%)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}@keyframes check-draw{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes confetti-fall{0%{transform:translateY(-100%) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes slide-up-fade{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px hsl(var(--primary) / .5),0 0 10px hsl(var(--primary) / .3)}50%{box-shadow:0 0 15px hsl(var(--primary) / .8),0 0 30px hsl(var(--primary) / .4)}}@layer utilities{.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:shimmer 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse-ring{animation:pulse-ring 1.5s ease-out infinite}.animate-bounce-in{animation:bounce-in .5s cubic-bezier(.68,-.55,.265,1.55)}.animate-slide-up{animation:slide-up-fade .3s ease-out}.animate-scale-in{animation:scale-in .2s ease-out}.animate-wiggle{animation:wiggle .5s ease-in-out}.animate-glow{animation:glow-pulse 2s ease-in-out infinite}.stagger-children>*{animation:slide-up-fade .4s ease-out backwards}.stagger-children>*:nth-child(1){animation-delay:0ms}.stagger-children>*:nth-child(2){animation-delay:50ms}.stagger-children>*:nth-child(3){animation-delay:.1s}.stagger-children>*:nth-child(4){animation-delay:.15s}.stagger-children>*:nth-child(5){animation-delay:.2s}.stagger-children>*:nth-child(6){animation-delay:.25s}.stagger-children>*:nth-child(7){animation-delay:.3s}.stagger-children>*:nth-child(8){animation-delay:.35s}.stagger-children>*:nth-child(9){animation-delay:.4s}.stagger-children>*:nth-child(10){animation-delay:.45s}.hover-lift{@apply transition-all duration-200;}.hover-lift:hover{@apply -translate-y-1 shadow-lg;}.hover-scale{@apply transition-transform duration-200;}.hover-scale:hover{@apply scale-105;}.hover-glow{@apply transition-shadow duration-300;}.hover-glow:hover{box-shadow:0 0 20px hsl(var(--primary) / .4)}.press-effect{@apply transition-transform duration-75;}.press-effect:active{@apply scale-95;}.check-animate{stroke-dasharray:24;stroke-dashoffset:24;animation:check-draw .3s ease-out .2s forwards}}@layer utilities{.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{@apply bg-muted-foreground/20 rounded-full;}.custom-scrollbar::-webkit-scrollbar-thumb:hover{@apply bg-muted-foreground/40;}.premium-scrollbar{scrollbar-width:thin;scrollbar-color:hsl(var(--muted-foreground) / .25) transparent;scroll-behavior:smooth;overflow-x:hidden}.premium-scrollbar::-webkit-scrollbar{width:6px;height:6px}.premium-scrollbar::-webkit-scrollbar-track{background:transparent;margin:4px 0}.premium-scrollbar:hover::-webkit-scrollbar-track{background:hsl(var(--muted) / .3);border-radius:9999px}.premium-scrollbar::-webkit-scrollbar-thumb{background-color:hsl(var(--muted-foreground) / .25);border-radius:9999px;border:1px solid transparent;background-clip:padding-box;transition:background-color .2s ease,border-color .2s ease}.premium-scrollbar::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--primary) / .5);border-color:hsl(var(--primary) / .1)}.premium-scrollbar::-webkit-scrollbar-thumb:active{background-color:hsl(var(--primary) / .7)}.glass-floating{background:hsl(var(--card) / .85);backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3)}}.ease-spring{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}.ease-smooth{transition-timing-function:cubic-bezier(.4,0,.2,1)}@layer components{.glass-gradient-border{position:relative;background-clip:padding-box;border:1px solid transparent}.glass-gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,hsl(var(--primary) / .3) 0%,hsl(var(--primary) / .1) 25%,transparent 50%,hsl(var(--primary) / .05) 75%,hsl(var(--primary) / .2) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.glass-card-depth{background-color:#ffffffd9;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 1px 2px hsl(var(--primary) / .02),0 4px 8px -2px hsl(var(--primary) / .04),0 12px 24px -4px hsl(var(--primary) / .06),inset 0 1px #fff9,0 0 0 1px hsl(var(--border) / .5)}.dark .glass-card-depth{background-color:#12151c;box-shadow:0 1px 2px hsl(var(--primary) / .02),0 4px 8px -2px hsl(var(--primary) / .04),0 12px 24px -4px hsl(var(--primary) / .06),inset 0 1px #ffffff08,0 0 0 1px hsl(var(--border) / .5)}.glass-layer-1{background-color:#fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 4px -1px hsl(var(--primary) / .02),0 4px 6px -2px hsl(var(--primary) / .03),inset 0 1px #fff6}.dark .glass-layer-1{background-color:#0c0e12;box-shadow:0 2px 4px -1px hsl(var(--primary) / .02),0 4px 6px -2px hsl(var(--primary) / .03),inset 0 1px #ffffff05}.glass-layer-2{background-color:#fff9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 6px -2px hsl(var(--primary) / .03),0 8px 12px -4px hsl(var(--primary) / .04),inset 0 1px #ffffff80}.dark .glass-layer-2{background-color:#101319;box-shadow:0 4px 6px -2px hsl(var(--primary) / .03),0 8px 12px -4px hsl(var(--primary) / .04),inset 0 1px #ffffff08}.glass-layer-3{background-color:#fffc;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 8px 12px -4px hsl(var(--primary) / .04),0 16px 24px -6px hsl(var(--primary) / .06),inset 0 1px #fff9}.dark .glass-layer-3{background-color:#14181f;box-shadow:0 8px 12px -4px hsl(var(--primary) / .04),0 16px 24px -6px hsl(var(--primary) / .06),inset 0 1px #ffffff0a}.glass-floating{background-color:#ffffffe6;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 4px 6px -2px hsl(var(--primary) / .04),0 12px 16px -4px hsl(var(--primary) / .08),0 24px 32px -8px hsl(var(--primary) / .12),inset 0 1px #ffffffb3}.dark .glass-floating{background-color:#171c26;box-shadow:0 4px 6px -2px hsl(var(--primary) / .04),0 12px 16px -4px hsl(var(--primary) / .08),0 24px 32px -8px hsl(var(--primary) / .12),inset 0 1px #ffffff0d}.glass-inner-glow{position:relative}.glass-inner-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;box-shadow:inset 0 1px 1px #fff6;pointer-events:none}.dark .glass-inner-glow:after{box-shadow:inset 0 1px 1px #ffffff08}.glass-aurora-border{position:relative;background:hsl(var(--card));border-radius:var(--radius);z-index:1}.glass-aurora-border:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:calc(var(--radius) + 1px);background:linear-gradient(45deg,hsl(var(--primary) / .4),hsl(var(--accent) / .4),hsl(var(--primary) / .2),hsl(var(--primary) / .4));background-size:300% 300%;animation:aurora-shift 8s ease infinite;z-index:-1}.glass-aurora-border:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);background:hsl(var(--card));z-index:-1}}@keyframes aurora-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@layer utilities{.hover-depth-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-depth-lift:hover{transform:translateY(-4px);box-shadow:0 8px 16px -4px hsl(var(--primary) / .08),0 16px 32px -8px hsl(var(--primary) / .12)}.hover-depth-press{transition:transform .1s ease,box-shadow .1s ease}.hover-depth-press:active{transform:translateY(1px);box-shadow:0 2px 4px -1px hsl(var(--primary) / .04),0 4px 8px -2px hsl(var(--primary) / .06)}}
