@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(222 62% 18%); --color-primary-foreground: hsl(0 0% 100%); --color-secondary: hsl(210 40% 96%); --color-secondary-foreground: hsl(222 47% 11%); --color-muted: hsl(210 40% 96%); --color-muted-foreground: hsl(215 16% 42%); --color-accent: hsl(188 100% 42%); --color-accent-foreground: hsl(222 62% 12%); --color-destructive: hsl(0 72% 51%); --color-destructive-foreground: hsl(0 0% 100%); --color-border: hsl(214 32% 89%); --color-input: hsl(214 32% 89%); --color-ring: hsl(188 100% 42%); --color-midnight: #0a1330; --color-midnight-800: #101c45; --color-midnight-600: #1b2c68; --color-cyan-electric: #00d4ff; --color-cyan-deep: #0aa2c9; --color-graphite: #14171c; --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: #060b1d;--color-foreground: hsl(210 40% 98%);--color-card: #0b1330;--color-card-foreground: hsl(210 40% 98%);--color-popover: #0b1330;--color-popover-foreground: hsl(210 40% 98%);--color-primary: hsl(188 100% 48%);--color-primary-foreground: #06131c;--color-secondary: #131e45;--color-secondary-foreground: hsl(210 40% 98%);--color-muted: #121c3d;--color-muted-foreground: hsl(215 25% 70%);--color-accent: hsl(188 100% 50%);--color-accent-foreground: #06131c;--color-border: rgba(255, 255, 255, .1);--color-input: rgba(255, 255, 255, .14);--color-ring: hsl(188 100% 50%)}@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-display{font-family:var(--font-display)}::selection{background:var(--color-cyan-electric);color:#04121b}}@utility glass{background: rgba(255,255,255,.7); backdrop-filter: blur(18px); border: 1px solid rgba(10,19,48,.08); .dark & {background: rgba(12,20,48,.55); border: 1px solid rgba(255,255,255,.09);}}@utility text-gradient{background-image: linear-gradient(100deg,#00d4ff 0%,#6f8bff 50%,#0a1330 100%); -webkit-background-clip: text; background-clip: text; color: transparent; .dark & {background-image: linear-gradient(100deg,#7ef0ff 0%,#8fa7ff 45%,#ffffff 100%);}}@utility mesh-bg{background-image: radial-gradient(circle at 12% 20%,rgba(0,212,255,.18),transparent 45%),radial-gradient(circle at 85% 8%,rgba(111,139,255,.16),transparent 40%),radial-gradient(circle at 60% 90%,rgba(0,212,255,.1),transparent 45%);}@utility card-hover{transition: transform .35s ease,box-shadow .35s ease,border-color .35s ease; &:hover {transform: translateY(-6px); box-shadow: 0 24px 60px -20px rgba(0,160,210,.45); border-color: rgba(0,212,255,.45);}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes float-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-ring{0%{box-shadow:0 0 #00d4ff80}70%{box-shadow:0 0 0 16px #00d4ff00}to{box-shadow:0 0 #00d4ff00}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}
