@import"tailwindcss";@theme inline{ --color-midnight: #0F172A; --color-royal: #2563EB; --color-cyan: #06B6D4; --color-emerald: #10B981; --color-background: hsl(0 0% 100%); --color-foreground: hsl(222.2 84% 4.9%); --color-card: hsl(0 0% 100%); --color-card-foreground: hsl(222.2 84% 4.9%); --color-popover: hsl(0 0% 100%); --color-popover-foreground: hsl(222.2 84% 4.9%); --color-primary: hsl(217.2 91.2% 59.8%); --color-primary-foreground: hsl(210 40% 98%); --color-secondary: hsl(210 40% 96.1%); --color-secondary-foreground: hsl(222.2 47.4% 11.2%); --color-muted: hsl(210 40% 96.1%); --color-muted-foreground: hsl(215.4 16.3% 46.9%); --color-accent: hsl(210 40% 96.1%); --color-accent-foreground: hsl(222.2 47.4% 11.2%); --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(217.2 91.2% 59.8%); --color-sidebar-background: hsl(0 0% 98%); --color-sidebar-foreground: hsl(240 5.3% 26.1%); --color-sidebar-primary: hsl(240 5.9% 10%); --color-sidebar-primary-foreground: hsl(0 0% 98%); --color-sidebar-accent: hsl(240 4.8% 95.9%); --color-sidebar-accent-foreground: hsl(240 5.9% 10%); --color-sidebar-border: hsl(220 13% 91%); --color-sidebar-ring: hsl(217.2 91.2% 59.8%); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --font-heading: ui-sans-serif, system-ui, sans-serif; --font-body: ui-sans-serif, system-ui, sans-serif; --font-ui: ui-sans-serif, system-ui, sans-serif; --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"; }:root{--radius: .5rem;--tlc-midnight: #0F172A;--tlc-royal: #2563EB;--tlc-cyan: #06B6D4;--tlc-emerald: #10B981}@media (prefers-color-scheme: dark){:root{--color-background: hsl(222.2 84% 4.9%);--color-foreground: hsl(210 40% 98%);--color-card: hsl(217.2 32.6% 17.5%);--color-card-foreground: hsl(210 40% 98%);--color-popover: hsl(217.2 32.6% 17.5%);--color-popover-foreground: hsl(210 40% 98%);--color-primary: hsl(217.2 91.2% 59.8%);--color-primary-foreground: hsl(210 40% 98%);--color-secondary: hsl(217.2 32.6% 17.5%);--color-secondary-foreground: hsl(210 40% 98%);--color-muted: hsl(217.2 32.6% 17.5%);--color-muted-foreground: hsl(215 20.2% 65.1%);--color-accent: hsl(217.2 32.6% 17.5%);--color-accent-foreground: hsl(210 40% 98%);--color-destructive: hsl(0 62.8% 30.6%);--color-destructive-foreground: hsl(210 40% 98%);--color-border: hsl(217.2 32.6% 17.5%);--color-input: hsl(217.2 32.6% 17.5%);--color-ring: hsl(217.2 91.2% 59.8%);--color-sidebar-background: hsl(222.2 84% 4.9%);--color-sidebar-foreground: hsl(240 4.8% 95.9%);--color-sidebar-primary: hsl(217.2 91.2% 59.8%);--color-sidebar-primary-foreground: hsl(0 0% 100%);--color-sidebar-accent: hsl(240 3.7% 15.9%);--color-sidebar-accent-foreground: hsl(240 4.8% 95.9%);--color-sidebar-border: hsl(240 3.7% 15.9%);--color-sidebar-ring: hsl(217.2 91.2% 59.8%)}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;font-feature-settings:"rlig" 1,"calt" 1}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:hsl(var(--color-background))}::-webkit-scrollbar-thumb{background:hsl(var(--color-primary));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--color-royal))}}@layer utilities{.glass{background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.glass-dark{background:#0f172acc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.gradient-text{background:linear-gradient(135deg,var(--tlc-royal),var(--tlc-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-bg{background:linear-gradient(135deg,var(--tlc-midnight),var(--tlc-royal))}.gradient-bg-soft{background:linear-gradient(135deg,#2563eb1a,#06b6d41a)}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001a}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-pulse-slow{animation:pulse 4s cubic-bezier(.4,0,.6,1) infinite}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}p,span,div{font-family:var(--font-body)}button,.button{font-family:var(--font-ui)}.fade-in{animation:fadeIn .6s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in-left{animation:slideInLeft .6s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .6s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.scale-in{animation:scaleIn .4s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
