@import"tailwindcss";@theme inline{ --color-background: hsl(0 0% 100%); --color-foreground: hsl(222.2 84% 4.9%); --color-card: hsl(0 0% 100%); --color-card-foreground: hsl(222.2 84% 4.9%); --color-popover: hsl(0 0% 100%); --color-popover-foreground: hsl(222.2 84% 4.9%); --color-primary: hsl(222.2 47.4% 11.2%); --color-primary-foreground: hsl(210 40% 98%); --color-secondary: hsl(210 40% 96.1%); --color-secondary-foreground: hsl(222.2 47.4% 11.2%); --color-muted: hsl(210 40% 96.1%); --color-muted-foreground: hsl(215.4 16.3% 46.9%); --color-accent: hsl(210 40% 96.1%); --color-accent-foreground: hsl(222.2 47.4% 11.2%); --color-destructive: hsl(0 84.2% 60.2%); --color-destructive-foreground: hsl(210 40% 98%); --color-border: hsl(214.3 31.8% 91.4%); --color-input: hsl(214.3 31.8% 91.4%); --color-ring: hsl(222.2 84% 4.9%); --color-sidebar-background: hsl(0 0% 98%); --color-sidebar-foreground: hsl(240 5.3% 26.1%); --color-sidebar-primary: hsl(240 5.9% 10%); --color-sidebar-primary-foreground: hsl(0 0% 98%); --color-sidebar-accent: hsl(240 4.8% 95.9%); --color-sidebar-accent-foreground: hsl(240 5.9% 10%); --color-sidebar-border: hsl(220 13% 91%); --color-sidebar-ring: hsl(217.2 91.2% 59.8%); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; }:root{--radius: .5rem}@media (prefers-color-scheme: dark){:root{--color-background: hsl(222.2 84% 4.9%);--color-foreground: hsl(210 40% 98%);--color-card: hsl(222.2 84% 4.9%);--color-card-foreground: hsl(210 40% 98%);--color-popover: hsl(222.2 84% 4.9%);--color-popover-foreground: hsl(210 40% 98%);--color-primary: hsl(210 40% 98%);--color-primary-foreground: hsl(222.2 47.4% 11.2%);--color-secondary: hsl(217.2 32.6% 17.5%);--color-secondary-foreground: hsl(210 40% 98%);--color-muted: hsl(217.2 32.6% 17.5%);--color-muted-foreground: hsl(215 20.2% 65.1%);--color-accent: hsl(217.2 32.6% 17.5%);--color-accent-foreground: hsl(210 40% 98%);--color-destructive: hsl(0 62.8% 30.6%);--color-destructive-foreground: hsl(210 40% 98%);--color-border: hsl(217.2 32.6% 17.5%);--color-input: hsl(217.2 32.6% 17.5%);--color-ring: hsl(212.7 26.8% 83.9%);--color-sidebar-background: hsl(240 5.9% 10%);--color-sidebar-foreground: hsl(240 4.8% 95.9%);--color-sidebar-primary: hsl(224.3 76.3% 48%);--color-sidebar-primary-foreground: hsl(0 0% 100%);--color-sidebar-accent: hsl(240 3.7% 15.9%);--color-sidebar-accent-foreground: hsl(240 4.8% 95.9%);--color-sidebar-border: hsl(240 3.7% 15.9%);--color-sidebar-ring: hsl(217.2 91.2% 59.8%)}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-left{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-in{animation:fade-in-up .8s ease-out forwards}.scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(to right,#2563eb,#10b981);z-index:9999;transition:width .1s ease-out}html{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:hsl(var(--background))}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#2563eb,#10b981);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#1d4ed8,#059669)}.glass-effect{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001a}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animated-gradient{background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.8}}.pulse-subtle{animation:pulse-subtle 2s ease-in-out infinite}