.loader-background{background:white;position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;display:flex;justify-content:center;align-items:center}.hide{visibility:hidden;transition:all .3s ease-out}.hide,.loader-content{opacity:0;transform:scale(.95)}.loader-content{display:flex;flex-direction:column;align-items:center;gap:2rem;position:relative}.loader-content:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(59,130,246,.1) 0,transparent 70%);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.2}}.loader-logo{width:150px;height:auto;position:relative;z-index:2;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.loader-spinner{width:50px;height:50px;border:4px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;position:relative;z-index:2;box-shadow:0 4px 12px rgba(59,130,246,.2)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader-background:not(.hide){animation:fadeIn .2s ease-out}.loader-background:not(.hide) .loader-content{animation:popIn .3s ease-out .2s both}