:root{--color-primary: #0a0f1c;--color-primary-light: #1e293b;--color-secondary: #f59e0b;--color-secondary-light: #fbbf24;--color-accent-blue: #3b82f6;--color-accent-purple: #8b5cf6;--color-accent-teal: #14b8a6;--color-background: #fefefe;--color-surface: #ffffff;--color-surface-elevated: #f8fafc;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--font-primary: "Inter", system-ui, sans-serif;--font-heading: "Playfair Display", serif;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px}@layer base{body{@apply bg-background text-slate-900 font-sans antialiased;}h1,h2,h3,h4,h5,h6{@apply font-serif;}}.gradient-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 50%,var(--color-accent-blue) 100%)}.glass-effect{background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fadeIn{animation:fadeIn .2s ease-out}.animate-scaleIn{animation:scaleIn .3s ease-out}.overlay-layer{position:absolute;inset:0;pointer-events:none}.overlay-vignette{background:radial-gradient(120% 100% at 50% 40%,transparent 0%,color-mix(in oklab,var(--color-primary) 10%,transparent) 55%,color-mix(in oklab,var(--color-primary) 16%,transparent) 100%);opacity:.7}.overlay-rings{background-image:repeating-radial-gradient(circle at 18% 18%,color-mix(in oklab,var(--color-secondary) 18%,transparent) 0 1px,transparent 1px 26px),repeating-radial-gradient(circle at 82% 78%,color-mix(in oklab,var(--color-accent-blue) 14%,transparent) 0 1px,transparent 1px 30px);opacity:.35;filter:blur(.1px)}.overlay-noise{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");background-repeat:repeat;opacity:.08;mix-blend-mode:soft-light}.dark .overlay-vignette{opacity:.55}.dark .overlay-rings{opacity:.22}.dark .overlay-noise{opacity:.1;mix-blend-mode:overlay}