:root{--color-primary:var(--primary);--color-bg:var(--background);--color-surface:var(--muted);--color-text:var(--foreground);--color-text-muted:var(--muted-foreground);--color-border:var(--border)}body{background-color:var(--color-bg);color:var(--color-text);margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;transition:background-color .3s,color .3s}a{transition:color .2s}@keyframes gradient-flow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.btn-flow{color:#fff;background:linear-gradient(90deg,#000,#64748b,#000,#64748b) 0 0/300% 100%;animation:3s infinite gradient-flow}.btn-flow:hover{animation-duration:1.5s}.dark .btn-flow{color:#0f172a;background:linear-gradient(90deg,#fff,#64748b,#fff,#64748b) 0 0/300% 100%;animation:3s infinite gradient-flow}.text-flow{background:linear-gradient(90deg,#000,#94a3b8,#000,#94a3b8) 0 0/300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradient-flow}.dark .text-flow,.text-flow-light{background:linear-gradient(90deg,#fff,#64748b,#fff,#64748b) 0 0/300% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;animation:3s infinite gradient-flow}