@layer base, component, modifier;@layer base{:root{--primary:#e4126f;--primary-hover:#ff1980;--secondary:#3d6dff;--secondary-hover:#5082ff;--purple:#8b5cf6;--yellow:#fbbf24;--blue:#3b82f6;--bg-dark:rgb(1, 1, 4);--bg-card:rgba(20, 20, 30, 0.8);--bg-card-hover:rgba(30, 30, 45, 0.9);--text-primary:#ffffff;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-color:rgba(255, 255, 255, 0.1);--base-200:#E2E8F0;--base-400:#94A3B8;--base-600:#475569;--base-800:#1E293B;--red:#CB3B32;--link:#3d6dff;--visited:#8b5cf6;--m:1.5rem;--l:3rem;--xl:4.5rem;--max-line-width:45rem}*{box-sizing:border-box;word-wrap:break-word}html{overflow-x:hidden}body{font:400 17px/1.6 system-ui, -apple-system, BlinkMacSystemFont, sans-serif;margin:0;padding:0;background:rgb(1, 1, 4);color:#ffffff;min-height:100vh;overflow-x:hidden;position:relative}main{max-width:1400px;margin:0 auto;padding:0;width:100%}article{padding:0;max-width:100%}article > *:not(.hero){padding-left:clamp(1em, 5vw, 3em);padding-right:clamp(1em, 5vw, 3em);max-width:100%}article > h2,
  article > h3,
  article > h4,
  article > p,
  article > ul,
  article > ol,
  article > hr{padding-left:clamp(1em, 5vw, 3em);padding-right:clamp(1em, 5vw, 3em)}img{max-width:100%;height:auto}b, strong{font-weight:600}}