:root{--primary: #f59e0b;--secondary: #0f2935;--accent: #38bdf8}html{scroll-behavior:smooth;scroll-padding-top:80px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;overflow-x:hidden;background-color:#f8fafc;font-family:Plus Jakarta Sans,sans-serif}::selection{background-color:var(--primary);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--secondary)}::-webkit-scrollbar-thumb{background:#2d4a57;border-radius:5px;border:2px solid var(--secondary)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}a,button{transition:all .2s cubic-bezier(.4,0,.2,1)}.navbar-scrolled{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}section{transition:opacity .6s ease-out,transform .6s ease-out}.reveal{opacity:0;transform:translateY(60px) scale(.95);transition:all 1.2s cubic-bezier(.34,1.56,.64,1);will-change:opacity,transform}.reveal-active{opacity:1;transform:translateY(0) scale(1)}.reveal-delay-100{transition-delay:.1s}.reveal-delay-200{transition-delay:.2s}.reveal-delay-300{transition-delay:.3s}.reveal-delay-400{transition-delay:.4s}.reveal-delay-500{transition-delay:.5s}