@import"tailwindcss";@custom-variant dark (&:where(.dark,.dark *));@theme inline{ --color-background: hsl(0 0% 100%); --color-foreground: hsl(215 40% 12%); --color-card: hsl(0 0% 100%); --color-card-foreground: hsl(215 40% 12%); --color-popover: hsl(0 0% 100%); --color-popover-foreground: hsl(215 40% 12%); --color-primary: hsl(212 90% 24%); --color-primary-foreground: hsl(0 0% 100%); --color-secondary: hsl(210 40% 96.1%); --color-secondary-foreground: hsl(215 40% 12%); --color-muted: hsl(210 40% 96.1%); --color-muted-foreground: hsl(215 16% 44%); --color-accent: hsl(190 100% 45%); --color-accent-foreground: hsl(215 40% 12%); --color-destructive: hsl(0 84.2% 60.2%); --color-destructive-foreground: hsl(210 40% 98%); --color-border: hsl(214.3 31.8% 91.4%); --color-input: hsl(214.3 31.8% 91.4%); --color-ring: hsl(212 90% 30%); --color-navy-950: #04101f; --color-navy-900: #061a33; --color-navy-800: #082033; --color-navy: #0a2540; --color-navy-700: #123a5e; --color-cyan: #00cfe8; --color-cyan-bright: #22e3f7; --color-graphite: #1b1f24; --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; }:root{--radius: .75rem}.dark{--color-background: hsl(213 60% 5%);--color-foreground: hsl(210 40% 98%);--color-card: hsl(213 45% 9%);--color-card-foreground: hsl(210 40% 98%);--color-popover: hsl(213 45% 9%);--color-popover-foreground: hsl(210 40% 98%);--color-primary: hsl(190 100% 45%);--color-primary-foreground: hsl(213 60% 6%);--color-secondary: hsl(213 35% 14%);--color-secondary-foreground: hsl(210 40% 98%);--color-muted: hsl(213 35% 14%);--color-muted-foreground: hsl(213 20% 66%);--color-accent: hsl(190 100% 45%);--color-accent-foreground: hsl(213 60% 6%);--color-border: hsl(213 30% 18%);--color-input: hsl(213 30% 18%);--color-ring: hsl(190 100% 45%)}@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}}@utility glass-card{background-color: rgb(255 255 255 / .7); backdrop-filter: blur(16px); border: 1px solid rgb(255 255 255 / .6); box-shadow: 0 10px 40px -12px rgba(10,37,64,.18); .dark & {background-color: rgb(10 25 45 / .55); border-color: rgb(255 255 255 / .08); box-shadow: 0 10px 40px -12px rgba(0,0,0,.6);}}@utility ink-gradient{background-image: linear-gradient(120deg,#0a2540 0%,#123a5e 45%,#00cfe8 120%);}@utility text-gradient{background-image: linear-gradient(100deg,#0a2540 10%,#1266b8 55%,#00cfe8 95%); -webkit-background-clip: text; background-clip: text; color: transparent; .dark & {background-image: linear-gradient(100deg,#ffffff 10%,#7fdcff 60%,#00cfe8 100%);}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float-slow{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(0,-22px,0) scale(1.05)}}@keyframes aurora{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@utility animate-aurora{background-size: 200% 200%; animation: aurora 14s ease infinite;}