@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&family=Nunito:wght@400;600;700&display=swap');
:root{
  --bg:#EDE9FE;
  --panel:#F5F2FF;
  --panel-2:color-mix(in srgb, var(--panel) 78%, var(--bg));
  --line:#D8CFF5;
  --accent:#8B5CF6;
  --accent-2:#FB7185;
  --radius:36px;
  --text:#16181D;
  --text-2:color-mix(in srgb, var(--text) 58%, var(--bg));
  --prose:color-mix(in srgb, var(--text) 84%, var(--bg));
  --on-accent:#101114;
  --font-head:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --font-body:'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --hero-grad:linear-gradient(180deg,var(--text),var(--text));
  --hero-fill:transparent;
  --hero-text-align:left;
  --hero-items:flex-start;
  --hero-sub-margin:0;
  --hero-justify:flex-start;
  --btn-bg:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#000));
  --btn-shadow:0 10px 30px -12px var(--accent);
  --btn-shadow-hover:0 14px 36px -12px var(--accent);
  --card-bg:color-mix(in srgb, var(--panel) 55%, transparent);
  --card-border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));
  --card-shadow:0 8px 32px rgba(0,0,0,.35);
  --card-shadow-hover:0 16px 44px -12px var(--accent);
  --card-blur:blur(14px) saturate(1.4);
  --icon-bg:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 72%,#000));
  --icon-radius:var(--radius);
  --glow-1:.08;
  --glow-2:.06;
}