html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in-section{animation:fadeIn .8s ease-out forwards}.slide-in-left{animation:slideInFromLeft .6s ease-out forwards}.slide-in-right{animation:slideInFromRight .6s ease-out forwards}.bounce-in{animation:bounceIn .8s ease-out forwards}.section-hidden{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.section-visible{opacity:1;transform:translateY(0)}.btn{@apply px-6 py-2 rounded-full uppercase font-bold text-sm transition-all duration-300 transform;}.btn-primary{@apply btn bg-red-600 text-white hover:bg-red-700 hover:scale-105 shadow-md;}.btn-secondary{@apply btn border-2 border-red-600 text-red-600 hover:bg-red-600 hover:text-white;}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-bounce{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.image-loading{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.clip-triangle-l{clip-path:polygon(0 0,100% 0,0 100%)}.clip-triangle-r{clip-path:polygon(100% 0,100% 100%,0 100%)}.clip-diamond{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
