@layer components{.ff-scope{--ff-canvas-light:#f7f8fa;--ff-canvas-dark:#0f1729;--ff-navy:#1a2138;--ff-blue:#3b82f6;--ff-blue-tint:#eff6ff;--ff-emerald:#10b981;--ff-emerald-tint:#ecfdf5;--ff-amber:#f59e0b;--ff-amber-tint:#fffbeb;--ff-red:#ef4444;--ff-violet:#8b5cf6;--ff-slate:#64748b;--ff-shadow:0 4px 24px #00000012;--ff-shadow-lg:0 18px 48px #0f17292e;background:var(--ff-canvas-light)}.ff-gradient-text{background:linear-gradient(90deg, var(--ff-blue), var(--ff-violet), var(--ff-emerald));-webkit-text-fill-color:transparent;color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s infinite ffGradientShift}.ff-card{box-shadow:var(--ff-shadow);border:1px solid #0000000f;border-radius:16px;transition:transform .2s,box-shadow .2s}.ff-card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 36px #0000001f}}@keyframes ffGradientShift{0%,to{background-position:0%}50%{background-position:100%}}