:root{--bg-color: #0f1523;--text-primary: #ffffff;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--primary-color: #38bdf8;--primary-hover: #0ea5e9;--font-sans: "Outfit", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:#0ea5e94d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 30%,transparent);border-radius:10px;border:2px solid var(--bg-color)}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--primary-color) 60%,transparent);cursor:pointer}.container{width:100%;max-width:1280px;margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-out forwards}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out;will-change:opacity,transform}.animate-on-scroll-visible{opacity:1;transform:translateY(0)}.animate-home{animation:fadeInUp .8s ease-out forwards;opacity:0}.delay-100{animation-delay:.1s;transition-delay:.1s}.delay-200{animation-delay:.2s;transition-delay:.2s}.delay-300{animation-delay:.3s;transition-delay:.3s}.delay-400{animation-delay:.4s;transition-delay:.4s}.delay-500{animation-delay:.5s;transition-delay:.5s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}