.loader-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,0.3);display:flex;align-items:center;justify-content:center;}
.loader{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.loader::before,.loader::after{content:"";position:absolute;width:22px;height:22px;border-radius:6px;transform:rotate(45deg);animation:loaderPulse 1.6s ease-in-out infinite alternate;}
.loader::before{background:linear-gradient(135deg, #FF6B00 0%, #E60026 100%);left:4px;z-index:2;}
.loader::after{background:linear-gradient(135deg, #0099FF 0%, #36D1B6 100%);right:4px;z-index:1;animation-delay:-0.8s;}
.loader-small{width:24px;height:24px;}
.loader-small::before,.loader-small::after{width:13px;height:13px;border-radius:4px;}
.loader-small::before{left:2px;}
.loader-small::after{right:2px;}

@keyframes loaderPulse{
  0%{transform:rotate(45deg) translate(-3px, -3px) scale(0.95);opacity:0.85;}
  50%{transform:rotate(45deg) translate(0, 0) scale(1.1);opacity:1;}
  100%{transform:rotate(45deg) translate(3px, 3px) scale(0.95);opacity:0.85;}
}