:root{
  --shadow-xs:0 1px 2px rgba(0,0,0,0.1);
  --shadow-sm:0 1px 3px rgba(0,0,0,0.08);
  --shadow-nav:0 1px 3px rgba(10,22,40,0.08);
  --shadow-card:0 8px 28px rgba(10,22,40,0.05);
  --shadow-card-app:0 8px 28px rgba(10,22,40,0.04);
  --shadow-card-accent:0 12px 32px rgba(27,110,191,0.12);
  --shadow-auth:0 20px 40px rgba(10,22,40,0.06);
  --shadow-figure:0 20px 54px rgba(15,23,42,0.14);
  --shadow-cta:0 6px 14px rgba(27,110,191,0.22);
  --shadow-cta-hover:0 8px 16px rgba(27,110,191,0.28);
  --shadow-upgrade:0 6px 16px rgba(27,110,191,0.24);
  --ring-highlight:0 0 0 4px rgba(59,130,246,0.1);
  --ease-out-expo:cubic-bezier(0.16,1,0.3,1); /* @kind other */
  --ease-reveal:cubic-bezier(0.22,1,0.36,1); /* @kind other */
  --duration-fast:200ms; /* @kind other */
  --duration-reveal:600ms; /* @kind other */
  --texture-dot-grid:radial-gradient(rgba(0,0,0,0.05) 1px,transparent 1px); /* @kind other */
  --texture-dot-grid-size:20px 20px; /* @kind other */
  --texture-dot-page:radial-gradient(circle at 1px 1px,rgba(0,0,0,0.06) 1px,transparent 0); /* @kind other */
  --texture-dot-page-size:32px 32px; /* @kind other */
  --texture-blueprint:linear-gradient(rgba(0,0,0,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,0.03) 1px,transparent 1px); /* @kind other */
  --texture-blueprint-size:32px 32px; /* @kind other */
  --blur-nav:blur(12px); /* @kind other */
}
@keyframes arc-heading-pulse{0%,100%{box-shadow:0 0 0 0 rgba(27,110,191,0.28);transform:scale(1)}50%{box-shadow:0 0 0 7px rgba(27,110,191,0);transform:scale(1.08)}}
@keyframes arc-float-1{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes arc-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@keyframes arc-spin{to{transform:rotate(360deg)}}
@keyframes arc-fade-in{from{opacity:0}to{opacity:1}}