@import"tailwindcss";@custom-variant dark (&:is(.dark *));@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-midnight: hsl(222 68% 7%); --color-graphite: hsl(220 14% 12%); --color-electric: hsl(214 100% 56%); --color-cyan: hsl(188 96% 55%); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 6px); --font-sans: "Manrope", ui-sans-serif, system-ui, sans-serif; --font-display: "Sora", ui-sans-serif, system-ui, sans-serif; --animate-float: float 7s ease-in-out infinite; --animate-shimmer: shimmer 3.5s linear infinite; --animate-blob: blob 16s ease-in-out infinite; }@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-40px) scale(1.12)}66%{transform:translate(-25px,25px) scale(.92)}}:root{--radius: .9rem;--background: hsl(210 40% 99%);--foreground: hsl(222 55% 10%);--card: hsl(0 0% 100%);--card-foreground: hsl(222 55% 10%);--popover: hsl(0 0% 100%);--popover-foreground: hsl(222 55% 10%);--primary: hsl(214 100% 50%);--primary-foreground: hsl(0 0% 100%);--secondary: hsl(214 40% 96%);--secondary-foreground: hsl(222 55% 14%);--muted: hsl(214 35% 95%);--muted-foreground: hsl(217 15% 42%);--accent: hsl(188 90% 45%);--accent-foreground: hsl(222 60% 8%);--destructive: hsl(0 76% 52%);--destructive-foreground: hsl(0 0% 100%);--border: hsl(216 30% 89%);--input: hsl(216 30% 89%);--ring: hsl(214 100% 50%)}.dark{--background: hsl(222 68% 5%);--foreground: hsl(210 40% 98%);--card: hsl(222 50% 9%);--card-foreground: hsl(210 40% 98%);--popover: hsl(222 55% 8%);--popover-foreground: hsl(210 40% 98%);--primary: hsl(214 100% 60%);--primary-foreground: hsl(222 68% 6%);--secondary: hsl(220 30% 14%);--secondary-foreground: hsl(210 40% 98%);--muted: hsl(220 28% 14%);--muted-foreground: hsl(215 20% 68%);--accent: hsl(188 96% 55%);--accent-foreground: hsl(222 68% 6%);--destructive: hsl(0 70% 45%);--destructive-foreground: hsl(0 0% 100%);--border: hsl(220 26% 18%);--input: hsl(220 26% 18%);--ring: hsl(188 96% 55%)}@layer base{*{border-color:var(--border)}html{scroll-behavior:smooth}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.025em}::selection{background:#1f80ff4d}}@layer utilities{.glass{background:color-mix(in oklab,var(--card) 65%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.text-gradient{background-image:linear-gradient(100deg,#3d91ff,#37e1fb,#3d91ff);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 6s linear infinite}.grid-pattern{background-image:linear-gradient(to right,color-mix(in oklab,var(--border) 70%,transparent) 1px,transparent 1px),linear-gradient(to bottom,color-mix(in oklab,var(--border) 70%,transparent) 1px,transparent 1px);background-size:56px 56px}}