@import"tailwindcss";@custom-variant dark (&:where(.dark,.dark *));@theme inline{ --color-background: hsl(0 0% 100%); --color-foreground: hsl(222 60% 8%); --color-card: hsl(0 0% 100%); --color-card-foreground: hsl(222 60% 8%); --color-popover: hsl(0 0% 100%); --color-popover-foreground: hsl(222 60% 8%); --color-primary: hsl(219 84% 55%); --color-primary-foreground: hsl(0 0% 100%); --color-secondary: hsl(216 40% 96%); --color-secondary-foreground: hsl(222 60% 12%); --color-muted: hsl(216 40% 96%); --color-muted-foreground: hsl(217 15% 45%); --color-accent: hsl(216 40% 96%); --color-accent-foreground: hsl(222 60% 12%); --color-destructive: hsl(0 84% 60%); --color-destructive-foreground: hsl(0 0% 100%); --color-border: hsl(216 25% 90%); --color-input: hsl(216 25% 90%); --color-ring: hsl(219 84% 55%); --color-navy: #0A1633; --color-navy-700: #122150; --color-navy-500: #1B2F60; --color-graphite: #14161C; --color-electric: #2F6BFF; --color-electric-light: #63A0FF; --color-cyanpop: #29D3F0; --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif; --font-display: "Sora", ui-sans-serif, system-ui, sans-serif; }:root{--radius: .9rem}.dark{--color-background: hsl(222 55% 5%);--color-foreground: hsl(210 40% 98%);--color-card: hsl(222 45% 8%);--color-card-foreground: hsl(210 40% 98%);--color-popover: hsl(222 45% 8%);--color-popover-foreground: hsl(210 40% 98%);--color-primary: hsl(219 90% 62%);--color-primary-foreground: hsl(222 60% 6%);--color-secondary: hsl(220 30% 14%);--color-secondary-foreground: hsl(210 40% 98%);--color-muted: hsl(220 30% 14%);--color-muted-foreground: hsl(215 20% 68%);--color-accent: hsl(220 30% 14%);--color-accent-foreground: hsl(210 40% 98%);--color-border: hsl(220 25% 18%);--color-input: hsl(220 25% 18%);--color-ring: hsl(219 90% 62%)}@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,h5{font-family:var(--font-display);letter-spacing:-.02em}::selection{background:#2f6bff;color:#fff}}@utility glass{background: rgba(255,255,255,.7); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,.6); box-shadow: 0 8px 32px rgba(10,22,51,.08); .dark & {background: rgba(18,33,80,.35); border: 1px solid rgba(99,160,255,.14); box-shadow: 0 8px 32px rgba(0,0,0,.4);}}@utility text-gradient{background: linear-gradient(96deg,#2F6BFF 0%,#29D3F0 55%,#63A0FF 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}@utility mesh-bg{background-image: radial-gradient(900px circle at 12% 8%,rgba(47,107,255,.22),transparent 55%),radial-gradient(700px circle at 85% 25%,rgba(41,211,240,.16),transparent 55%),radial-gradient(800px circle at 60% 95%,rgba(99,160,255,.14),transparent 60%);}@utility grid-lines{background-image: linear-gradient(rgba(120,150,220,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(120,150,220,.1) 1px,transparent 1px); background-size: 56px 56px;}@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-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{0%{transform:translate(0)}to{transform:translate(-50%)}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}.animate-marquee{animation:marquee 32s linear infinite}
