@layer base{body{color:#0f172a;background-color:#f8fafc;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}code,pre{font-family:JetBrains Mono,monospace}}.bg-grid-pattern{background-image:radial-gradient(#cbd5e1 1px,#0000 1px);background-size:24px 24px}.white-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0f172a0a,0 1px 2px -1px #0f172a08}.white-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px -4px #0f172a0f,0 4px 8px -2px #0f172a08}.white-panel{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 20px -2px #0f172a0d}.nav-glass{-webkit-backdrop-filter:blur(12px);background:#ffffffe0;border-bottom:1px solid #e2e8f0}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSimple{0%{opacity:0}to{opacity:1}}.animate-fade-in{will-change:opacity, transform;animation:.75s cubic-bezier(.16,1,.3,1) both fadeIn}.animate-fade-in-simple{will-change:opacity;animation:.5s ease-out both fadeInSimple}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}@media (prefers-reduced-motion:reduce){.animate-fade-in,.animate-fade-in-simple{opacity:1!important;animation:none!important;transform:none!important}}