@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: #ffffff;--foreground: #0f172a;--primary: #2563eb;--primary-foreground: #ffffff;--secondary: #0a1128;--secondary-foreground: #ffffff;--border: #e2e8f0;--input: #e2e8f0;--ring: #2563eb;--muted: #f1f5f9;--muted-foreground: #64748b;--card: #ffffff;--card-foreground: #0f172a}.dark{--background: #0f172a;--foreground: #f8fafc;--primary: #3b82f6;--primary-foreground: #0f172a;--secondary: #1e293b;--secondary-foreground: #f8fafc;--border: #334155;--input: #334155;--ring: #3b82f6;--muted: #1e293b;--muted-foreground: #94a3b8;--card: #1e293b;--card-foreground: #f8fafc}*{@apply border-border;}body{@apply bg-background text-foreground;font-family:Inter,sans-serif}}n .animate-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .7s cubic-bezier(.25,1,.5,1),transform .7s cubic-bezier(.25,1,.5,1);will-change:opacity,transform}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}.section-divider-bottom{border-bottom:1px solid var(--border)}.section-divider-top{border-top:1px solid var(--border)}