:root{--bg-primary:#fff;--primary-100:#dbeafe;--primary-500:#3b82f6}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-primary);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .5s ease,visibility .5s ease}.preloader.hidden{opacity:0;visibility:hidden}.preloader-logo{width:100px;height:100px;border-radius:75%;display:flex;align-items:center;justify-content:center;position:relative;animation:preloaderPulse 2s ease-in-out infinite}.preloader-logo::before{content:'';position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border:3px solid var(--primary-500);border-radius:50%;border-top-color:transparent;animation:preloaderSpin 1s linear infinite}@keyframes preloaderPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes preloaderSpin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}