@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--primary-violet:#50007d;--primary-cyan:#00c8ff;--background-light:#fff;--surface-light:#f8f9fa;--surface-white:#fff;--border-light:#eaeaea;--text-main:#333;--text-dark:#111;--text-muted:#555;--text-light:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--background-light);max-width:100vw;color:var(--text-main);scroll-behavior:smooth;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text-dark);font-family:Outfit,sans-serif}h1,h2{font-weight:700;line-height:1.2}h3,h4,h5,h6{font-weight:600}.violet-banner h1,.violet-banner h2,.violet-banner h3,.heroHeader h1,.heroHeader h2{color:var(--text-light)}a{color:inherit;text-decoration:none}.fade-in{animation:.8s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}