*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-violet)}:root{scroll-behavior:smooth;--primary-black:#212121;--primary-white:#fff;--primary-violet:#7485ff;--background-violet:#f0f1f9;--grayscale-01:#d1d1d1;--grayscale-02:#7b7b7b;--grayscale-03:#f0f1f980;--secondary-violet:#dfe3ff;--button-primary-hover:#bec6ff;--button-primary-shadow:0 0 6px 2px #1b2ca666;--button-secondary-shadow:0 0 6px 0 #000000a6;--text-negative:#ff6060}