@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Poppins:wght@400;500;600;700;800&display=swap');
:root{--color-primary:#0F172A;--color-primary-light:#1E293B;--color-secondary:#9841E6;--color-accent:#00CEFF;}
body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#1f2937;background:#f9fafb;margin:0}
h1,h2,h3,h4,h5,h6{font-family:Poppins,ui-sans-serif,system-ui,sans-serif}
.glass{background:rgba(255,255,255,.1);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px rgba(31,38,135,.07)}
.glass-dark{background:rgba(10,37,64,.6);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}
.text-gradient{background:linear-gradient(90deg,#9841E6,#00CEFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.bg-gradient-cta{background:linear-gradient(90deg,#9841E6,#00CEFF);transition:all .3s}
.bg-gradient-cta:hover{background:linear-gradient(90deg,#0F172A,#9841E6)}