@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animated-gradient{background:linear-gradient(136deg,#111,#2a2a2a 46%,#fcfcfc);background-size:400% 400%;animation:gradientAnimation 8s ease infinite}:root{--color-primary: #1E3A8A;--color-secondary: #2563EB;--color-accent: #FBBF24;--color-bg: #F3F4F6;--color-text: #374151}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.bg-custom-image{background-image:url(/src/assets/dev-background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}body{background-color:var(--color-bg);color:var(--color-text);font-family:Inter,sans-serif}@keyframes slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.animate-slide-in-left{animation:slide-in-left .8s ease-out forwards}.animate-slide-in-right{animation:slide-in-right .8s ease-out forwards}.animate-fade-in{animation:fade-in 1.4s ease-out forwards}.animate-fade-out{animation:fade-out 1.4s ease-out forwards}@keyframes flip-show{0%{margin-top:0}20%{margin-top:0}25%{margin-top:-45px}45%{margin-top:-45px}50%{margin-top:-90px}70%{margin-top:-90px}75%{margin-top:-135px}95%{margin-top:-135px}to{margin-top:0}}.animate-flip-show{animation:flip-show 8s linear infinite}@keyframes scale-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.animate-scale-in{animation:scale-in .8s ease-out forwards}@keyframes scale-out{0%{transform:scale(1);opacity:1}to{transform:scale(.5);opacity:0}}.animate-scale-out{animation:scale-out .8s ease-out forwards}