@import"tailwindcss";@theme inline{ --color-background: hsl(215 45% 7%); --color-foreground: hsl(210 40% 98%); --color-card: hsl(215 40% 10%); --color-card-foreground: hsl(210 40% 98%); --color-popover: hsl(215 42% 9%); --color-popover-foreground: hsl(210 40% 98%); --color-primary: hsl(212 100% 56%); --color-primary-foreground: hsl(215 45% 7%); --color-secondary: hsl(215 32% 16%); --color-secondary-foreground: hsl(210 40% 98%); --color-muted: hsl(215 30% 14%); --color-muted-foreground: hsl(214 20% 65%); --color-accent: hsl(187 95% 55%); --color-accent-foreground: hsl(215 45% 7%); --color-destructive: hsl(0 72% 51%); --color-destructive-foreground: hsl(210 40% 98%); --color-border: hsl(215 28% 20%); --color-input: hsl(215 28% 20%); --color-ring: hsl(212 100% 56%); --color-ink: hsl(220 30% 6%); --color-electric: hsl(212 100% 56%); --color-cyan: hsl(187 95% 55%); --color-midnight: hsl(219 60% 14%); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --font-sans: "Manrope", ui-sans-serif, system-ui, sans-serif; --font-display: "Sora", ui-sans-serif, system-ui, sans-serif; }:root{--radius: 1rem;color-scheme:dark}@layer base{*{border-color:var(--color-border)}html{scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.025em}::selection{background:#1f87ff59}}@layer utilities{.glass{background:linear-gradient(160deg,#ffffff12,#ffffff05);backdrop-filter:blur(16px);border:1px solid rgb(255 255 255 / .09)}.text-gradient{background:linear-gradient(100deg,#7dd3fc,#3b82f6 45%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}.glow{box-shadow:0 0 60px -18px #1f87ffcc}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}.grid-bg{background-image:linear-gradient(rgb(255 255 255 / .045) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .045) 1px,transparent 1px);background-size:56px 56px}.animate-float{animation:float 7s ease-in-out infinite}.animate-marquee{animation:marquee 28s linear infinite}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}