@import"tailwindcss";@custom-variant dark (&:where(.dark,.dark *));:root{--radius: .75rem;--bg: 0 0% 100%;--fg: 222 47% 11%;--card: 0 0% 100%;--card-fg: 222 47% 11%;--muted: 210 40% 96.5%;--muted-fg: 215 16% 42%;--border: 214 32% 91%;--input: 214 32% 91%;--primary: 214 88% 46%;--primary-fg: 0 0% 100%;--secondary: 210 40% 96.5%;--secondary-fg: 222 47% 11%;--accent: 190 95% 45%;--accent-fg: 222 47% 11%;--ring: 214 88% 46%;--surface: 210 40% 98%}.dark{--bg: 222 60% 6%;--fg: 210 40% 98%;--card: 222 47% 9%;--card-fg: 210 40% 98%;--muted: 217 33% 15%;--muted-fg: 215 20% 68%;--border: 217 33% 18%;--input: 217 33% 18%;--primary: 212 95% 58%;--primary-fg: 222 60% 6%;--secondary: 217 33% 15%;--secondary-fg: 210 40% 98%;--accent: 187 92% 55%;--accent-fg: 222 60% 6%;--ring: 212 95% 58%;--surface: 222 52% 8%}@theme inline{ --color-background: hsl(var(--bg)); --color-foreground: hsl(var(--fg)); --color-card: hsl(var(--card)); --color-card-foreground: hsl(var(--card-fg)); --color-popover: hsl(var(--card)); --color-popover-foreground: hsl(var(--card-fg)); --color-primary: hsl(var(--primary)); --color-primary-foreground: hsl(var(--primary-fg)); --color-secondary: hsl(var(--secondary)); --color-secondary-foreground: hsl(var(--secondary-fg)); --color-muted: hsl(var(--muted)); --color-muted-foreground: hsl(var(--muted-fg)); --color-accent: hsl(var(--accent)); --color-accent-foreground: hsl(var(--accent-fg)); --color-destructive: hsl(0 72% 51%); --color-destructive-foreground: hsl(0 0% 100%); --color-border: hsl(var(--border)); --color-input: hsl(var(--input)); --color-ring: hsl(var(--ring)); --color-surface: hsl(var(--surface)); --color-midnight: #060d1f; --color-graphite: #14171f; --color-electric: #1466e0; --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --font-sans: "Plus Jakarta Sans", 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 3s linear infinite; }@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes reveal-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@layer base{*{border-color:hsl(var(--border))}html{scroll-behavior:smooth}body{background-color:hsl(var(--bg));color:hsl(var(--fg));font-family:Plus Jakarta Sans,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Sora,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.02em}::selection{background:hsl(var(--primary) / .25)}}@utility glass{background: hsl(var(--card) / .6); backdrop-filter: blur(16px); border: 1px solid hsl(var(--border) / .8);}@utility text-gradient{background-image: linear-gradient(100deg,hsl(var(--primary)),hsl(var(--accent))); -webkit-background-clip: text; background-clip: text; color: transparent;}@utility reveal{opacity: 0; animation: reveal-up .8s cubic-bezier(.22,1,.36,1) forwards;}@utility grid-lines{background-image: linear-gradient(hsl(var(--border) / .6) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--border) / .6) 1px,transparent 1px); background-size: 56px 56px;}
