@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--canvas:#0c0613;--canvas-deep:#08040d;--canvas-raised:#180b25;--canvas-line:#ffffff1a;--purple:#4f0d8c;--purple-bright:#7b2fd6;--magenta:#fd2fe6;--magenta-hot:#ff5bec;--lime:#1f9d57;--lime-ink:#0d7139;--lime-soft:#e7f8ee;--lime-line:#b7e7c9;--cyan:#29d7c9;--surface:#fff;--surface-soft:#f5f1f8;--surface-line:#e5ddec;--ink:#1a1124;--ink-muted:#6c6077;--ink-faint:#95899e;--white-muted:#ffffffa8;--white-faint:#ffffff75;--brand-gradient:linear-gradient(118deg, #6a18c9 0%, #b218d4 52%, #fd2fe6 100%);--display-font:"Archivo Black", "Arial Black", sans-serif;--body-font:"Manrope", "Trebuchet MS", sans-serif;--radius-lg:22px;--radius-md:16px;--shadow-card:0 22px 50px -28px #000000db}
*{box-sizing:border-box}html{background:var(--canvas);min-width:320px}body{background:radial-gradient(900px 540px at 8% -8%, #7b2fd66b, transparent 62%), radial-gradient(780px 500px at 100% 4%, #fd2fe633, transparent 56%), radial-gradient(720px 640px at 48% 118%, #4f0d8c47, transparent 62%), var(--canvas);color:#fff;min-height:100vh;font-family:var(--body-font);margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}::selection{color:#fff;background:#fd2fe659}