@import"tailwindcss";@custom-variant dark (&:where(.dark,.dark *));@theme inline{ --color-background: hsl(0 0% 100%); --color-foreground: hsl(222 47% 11%); --color-card: hsl(0 0% 100%); --color-card-foreground: hsl(222 47% 11%); --color-popover: hsl(0 0% 100%); --color-popover-foreground: hsl(222 47% 11%); --color-primary: hsl(215 90% 54%); --color-primary-foreground: hsl(0 0% 100%); --color-secondary: hsl(215 30% 96%); --color-secondary-foreground: hsl(222 47% 11%); --color-muted: hsl(215 30% 96%); --color-muted-foreground: hsl(215 16% 47%); --color-accent: hsl(215 30% 96%); --color-accent-foreground: hsl(222 47% 11%); --color-destructive: hsl(0 84% 60%); --color-destructive-foreground: hsl(0 0% 100%); --color-border: hsl(214 32% 91%); --color-input: hsl(214 32% 91%); --color-ring: hsl(215 90% 54%); --color-navy: #0a1733; --color-navy-deep: #060e21; --color-navy-soft: #12224a; --color-electric: #2f6bff; --color-electric-light: #5f93ff; --color-cyan: #35d6f2; --color-graphite: #14161c; --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: .85rem}.dark{--color-background: hsl(222 58% 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(217 92% 62%);--color-primary-foreground: hsl(222 47% 8%);--color-secondary: hsl(217 33% 14%);--color-secondary-foreground: hsl(210 40% 98%);--color-muted: hsl(217 33% 14%);--color-muted-foreground: hsl(215 20% 68%);--color-accent: hsl(217 33% 14%);--color-accent-foreground: hsl(210 40% 98%);--color-border: hsl(217 33% 18%);--color-input: hsl(217 33% 18%);--color-ring: hsl(217 92% 62%)}@layer base{*{border-color:var(--color-border)}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:-.02em}html{scroll-behavior:smooth}}@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:translateZ(0) scale(1)}50%{transform:translate3d(0,-24px,0) scale(1.06)}}@keyframes gradient-pan{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 glass{background-color: rgba(255,255,255,.7); backdrop-filter: blur(18px); border: 1px solid rgba(255,255,255,.5); box-shadow: 0 18px 50px -20px rgba(10,23,51,.28); .dark & {background-color: rgba(18,34,74,.45); border-color: rgba(95,147,255,.18); box-shadow: 0 18px 50px -20px rgba(0,0,0,.7);}}@utility gradient-text{background-image: linear-gradient(100deg,#2f6bff,#35d6f2 55%,#5f93ff); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; animation: gradient-pan 7s ease infinite;}@utility mesh-bg{background-image: radial-gradient(60% 60% at 15% 20%,rgba(47,107,255,.28) 0%,transparent 60%),radial-gradient(50% 50% at 85% 15%,rgba(53,214,242,.22) 0%,transparent 60%),radial-gradient(60% 60% at 60% 90%,rgba(95,147,255,.2) 0%,transparent 60%);}@utility reveal{opacity: 0; animation: fade-up .8s cubic-bezier(.22,1,.36,1) forwards;}
