@import"tailwindcss";@theme inline{ --color-background: hsl(0 0% 100%); --color-foreground: hsl(220 30% 10%); --color-card: hsl(0 0% 100%); --color-card-foreground: hsl(220 30% 10%); --color-popover: hsl(0 0% 100%); --color-popover-foreground: hsl(220 30% 10%); --color-primary: hsl(217 91% 53%); --color-primary-foreground: hsl(0 0% 100%); --color-secondary: hsl(213 27% 96%); --color-secondary-foreground: hsl(220 30% 10%); --color-muted: hsl(213 27% 96%); --color-muted-foreground: hsl(215 16% 47%); --color-accent: hsl(213 27% 96%); --color-accent-foreground: hsl(220 30% 10%); --color-destructive: hsl(0 84% 60%); --color-destructive-foreground: hsl(0 0% 100%); --color-border: hsl(214 32% 91%); --color-input: hsl(214 32% 91%); --color-ring: hsl(217 91% 53%); --color-sidebar-background: hsl(0 0% 98%); --color-sidebar-foreground: hsl(240 5% 26%); --color-sidebar-primary: hsl(217 91% 53%); --color-sidebar-primary-foreground: hsl(0 0% 100%); --color-sidebar-accent: hsl(240 5% 96%); --color-sidebar-accent-foreground: hsl(240 6% 10%); --color-sidebar-border: hsl(220 13% 91%); --color-sidebar-ring: hsl(217 91% 60%); --color-midnight: #0B1220; --color-royal: #2563EB; --color-cyan: #06B6D4; --color-emerald: #10B981; --color-purple: #7C3AED; --color-slate-soft: #F8FAFC; --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --font-sans: "DM Sans", ui-sans-serif, system-ui, sans-serif; --font-heading: "Space Grotesk", ui-sans-serif, system-ui, sans-serif; }:root{--radius: .625rem}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground antialiased;}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}}html{scroll-behavior:smooth}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-fade-up{animation:fade-up .7s ease-out both}.animate-fade-in{animation:fade-in .5s ease-out both}.animate-float{animation:float 4s ease-in-out infinite}.glass{background:#ffffff14;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12)}.glass-light{background:#ffffffb3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5)}