@import"tailwindcss";@theme inline{ --color-background: hsl(228 46% 6%); --color-foreground: hsl(220 30% 96%); --color-card: hsl(228 40% 9%); --color-card-foreground: hsl(220 30% 96%); --color-popover: hsl(228 42% 8%); --color-popover-foreground: hsl(220 30% 96%); --color-primary: hsl(224 76% 56%); --color-primary-foreground: hsl(0 0% 100%); --color-secondary: hsl(266 72% 62%); --color-secondary-foreground: hsl(0 0% 100%); --color-muted: hsl(226 30% 14%); --color-muted-foreground: hsl(222 16% 66%); --color-accent: hsl(266 72% 62%); --color-accent-foreground: hsl(0 0% 100%); --color-destructive: hsl(0 72% 52%); --color-destructive-foreground: hsl(0 0% 100%); --color-border: hsl(226 28% 18%); --color-input: hsl(226 28% 18%); --color-ring: hsl(266 72% 62%); --color-ink: hsl(228 46% 4%); --color-royal: hsl(266 72% 62%); --color-midnight: hsl(224 76% 56%); --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; --animate-float: float 8s ease-in-out infinite; --animate-drift: drift 18s ease-in-out infinite alternate; --animate-shine: shine 6s linear infinite; }@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6%,-6%,0) scale(1.15)}}@keyframes shine{0%{background-position:0% 50%}to{background-position:200% 50%}}:root{--radius: .9rem;color-scheme:dark}@layer base{*{@apply border-border;}html{scroll-behavior:smooth}body{@apply bg-background text-foreground font-sans antialiased;}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em}::selection{background:#9558e459}}@utility glass{background: linear-gradient(150deg,rgb(255 255 255 / .07),rgb(255 255 255 / .02)); border: 1px solid rgb(255 255 255 / .08); backdrop-filter: blur(14px);}@utility text-gradient{background: linear-gradient(100deg,#8ab4ff 0%,#ffffff 45%,#b98cff 100%); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; color: transparent; animation: shine 8s linear infinite;}@utility grid-bg{background-image: linear-gradient(rgb(255 255 255 / .045) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .045) 1px,transparent 1px); background-size: 64px 64px;}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.is-visible{opacity:1;transform:none}
