@import"tailwindcss";@custom-variant dark (&:where(.dark,.dark *));@theme inline{ --color-background: hsl(0 0% 100%); --color-foreground: hsl(230 35% 9%); --color-card: hsl(0 0% 100%); --color-card-foreground: hsl(230 35% 9%); --color-popover: hsl(0 0% 100%); --color-popover-foreground: hsl(230 35% 9%); --color-primary: hsl(224 82% 52%); --color-primary-foreground: hsl(0 0% 100%); --color-secondary: hsl(220 30% 96%); --color-secondary-foreground: hsl(230 35% 12%); --color-muted: hsl(220 25% 96%); --color-muted-foreground: hsl(222 12% 44%); --color-accent: hsl(265 80% 60%); --color-accent-foreground: hsl(0 0% 100%); --color-destructive: hsl(0 84.2% 60.2%); --color-destructive-foreground: hsl(0 0% 100%); --color-border: hsl(220 20% 89%); --color-input: hsl(220 20% 89%); --color-ring: hsl(224 82% 52%); --color-brand-50: #eef3ff; --color-brand-100: #dbe5ff; --color-brand-400: #6d8cff; --color-brand-500: #2f5bea; --color-brand-600: #1f43c8; --color-brand-700: #17349c; --color-violet-brand: #8b5cf6; --color-violet-deep: #6d28d9; --color-ink: #070b18; --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: .85rem}.dark{--color-background: hsl(228 40% 5%);--color-foreground: hsl(220 30% 96%);--color-card: hsl(228 33% 9%);--color-card-foreground: hsl(220 30% 96%);--color-popover: hsl(228 33% 9%);--color-popover-foreground: hsl(220 30% 96%);--color-primary: hsl(222 90% 63%);--color-primary-foreground: hsl(228 40% 6%);--color-secondary: hsl(228 26% 14%);--color-secondary-foreground: hsl(220 30% 96%);--color-muted: hsl(228 26% 14%);--color-muted-foreground: hsl(220 14% 66%);--color-accent: hsl(265 85% 68%);--color-accent-foreground: hsl(228 40% 6%);--color-border: hsl(228 22% 18%);--color-input: hsl(228 22% 18%);--color-ring: hsl(222 90% 63%)}@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:-.02em}::selection{background:#8b5cf64d}}@utility glass{background-color: rgba(255,255,255,.72); backdrop-filter: blur(18px); border: 1px solid rgba(255,255,255,.5); box-shadow: 0 8px 32px rgba(15,23,42,.08); .dark & {background-color: rgba(15,20,40,.6); border: 1px solid rgba(255,255,255,.08); box-shadow: 0 8px 32px rgba(0,0,0,.4);}}@utility gradient-text{background-image: linear-gradient(100deg,#2f5bea 0%,#6d8cff 40%,#8b5cf6 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}@utility mesh-bg{background-image: radial-gradient(60% 55% at 12% 8%,rgba(47,91,234,.18) 0%,transparent 60%),radial-gradient(50% 45% at 88% 12%,rgba(139,92,246,.2) 0%,transparent 62%),radial-gradient(45% 45% at 60% 92%,rgba(47,91,234,.12) 0%,transparent 60%);}@utility card-lift{transition: transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s ease,border-color .35s ease; &:hover {transform: translateY(-6px); box-shadow: 0 22px 50px -20px rgba(47,91,234,.45);}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float-slow{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-18px) scale(1.03)}}@keyframes marquee-x{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes shine{0%{background-position:0% 50%}to{background-position:200% 50%}}.reveal{opacity:0}.reveal.is-visible{animation:fade-up .7s cubic-bezier(.22,1,.36,1) forwards}
