*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--bg:#050505;--bgSecondary:#0c0c0c;--card:#121212cc;--text:#fff;--textSoft:#9ca3af;--primary:#7c3aed;--green:#22c55e;--border:#ffffff14;--grid:#ffffff08}html.light{--bg:#eef2ff;--bgSecondary:#fff;--card:#ffffffe6;--text:#111827;--textSoft:#4b5563;--primary:#7c3aed;--green:#16a34a;--border:#00000014;--grid:#0000000a}body{background:radial-gradient(circle at top, #7c3aed1a, transparent 30%), linear-gradient(to bottom, var(--bgSecondary), var(--bg));color:var(--text);font-family:Arial,Helvetica,sans-serif;transition:background .5s,color .4s;overflow-x:hidden}body:before{content:"";background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);z-index:-1;background-size:50px 50px;position:fixed;inset:0}section{padding:100px 10%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:999px}::selection{background:var(--primary);color:#fff}@media (max-width:900px){section{padding:80px 7%}}