@import"tailwindcss";@custom-variant dark (&:where(.dark,.dark *));@theme{ --color-background: hsl(210 40% 99%); --color-foreground: hsl(215 45% 12%); --color-card: hsl(0 0% 100%); --color-card-foreground: hsl(215 45% 12%); --color-popover: hsl(0 0% 100%); --color-popover-foreground: hsl(215 45% 12%); --color-primary: hsl(214 68% 20%); --color-primary-foreground: hsl(210 40% 98%); --color-secondary: hsl(213 30% 95%); --color-secondary-foreground: hsl(214 68% 20%); --color-muted: hsl(213 30% 95%); --color-muted-foreground: hsl(215 16% 46%); --color-accent: hsl(160 74% 36%); --color-accent-foreground: hsl(0 0% 100%); --color-destructive: hsl(0 74% 50%); --color-destructive-foreground: hsl(0 0% 100%); --color-border: hsl(214 25% 89%); --color-input: hsl(214 25% 89%); --color-ring: hsl(214 68% 30%); --color-navy-50: hsl(212 60% 96%); --color-navy-100: hsl(212 55% 90%); --color-navy-500: hsl(214 70% 32%); --color-navy-700: hsl(215 72% 20%); --color-navy-900: hsl(216 78% 11%); --color-emerald-brand: hsl(160 74% 40%); --color-graphite: hsl(220 12% 16%); --font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif; --font-body: "Inter", ui-sans-serif, system-ui, sans-serif; }:root{--radius: .75rem}.dark{--color-background: hsl(216 44% 7%);--color-foreground: hsl(210 32% 94%);--color-card: hsl(216 38% 10%);--color-card-foreground: hsl(210 32% 94%);--color-popover: hsl(216 38% 10%);--color-popover-foreground: hsl(210 32% 94%);--color-primary: hsl(210 90% 68%);--color-primary-foreground: hsl(216 44% 7%);--color-secondary: hsl(216 30% 15%);--color-secondary-foreground: hsl(210 32% 94%);--color-muted: hsl(216 30% 15%);--color-muted-foreground: hsl(214 18% 64%);--color-accent: hsl(160 68% 42%);--color-accent-foreground: hsl(216 44% 7%);--color-destructive: hsl(0 62% 46%);--color-destructive-foreground: hsl(0 0% 100%);--color-border: hsl(216 26% 19%);--color-input: hsl(216 26% 19%);--color-ring: hsl(210 90% 68%)}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground font-sans antialiased;}html{scroll-behavior:smooth}}@utility glass-panel{@apply backdrop-blur-xl bg-white/70 border border-white/60; box-shadow: 0 8px 32px rgba(11,31,58,.08); .dark & {@apply bg-white/5 border-white/10; box-shadow: 0 8px 32px rgba(0,0,0,.4);}}@utility glass-dark{@apply backdrop-blur-xl bg-white/10 border border-white/15;}@utility text-gradient-brand{@apply bg-clip-text text-transparent; background-image: linear-gradient(100deg,#38bdf8 0%,#ffffff 45%,#34d399 100%);}@utility mesh-hero{background-color: #071528; background-image: radial-gradient(at 12% 18%,hsla(214,90%,32%,.75) 0px,transparent 55%),radial-gradient(at 82% 8%,hsla(160,74%,32%,.5) 0px,transparent 50%),radial-gradient(at 70% 85%,hsla(220,80%,28%,.7) 0px,transparent 55%),radial-gradient(at 25% 92%,hsla(190,80%,35%,.35) 0px,transparent 50%);}@utility grid-lines{background-image: linear-gradient(to right,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.06) 1px,transparent 1px); background-size: 56px 56px;}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes gradient-pan{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes marquee-x{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse-ring{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 14px #10b98100}to{box-shadow:0 0 #10b98100}}