@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.preloader{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f4f4f4;z-index:9999;font-family:var(--primary-font);transition:opacity .5s ease-out}.preloader.hidden{opacity:0;pointer-events:none}.preloader .gradient-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a)}.preloader .content{display:flex;flex-direction:column;align-items:center;text-align:center;z-index:1}.preloader .content .logo-container{position:relative;margin-bottom:20px}.preloader .content .logo-container .logo-wrapper{position:relative;width:80px;height:80px}.preloader .content .logo-container .logo-wrapper .logo-main{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background:#fff;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,.2)}.preloader .content .logo-container .logo-wrapper .logo-main .logo-icon{width:40px;height:40px;color:#5a24cc;animation:spin 2s linear infinite}.preloader .content .logo-container .logo-wrapper .logo-glow{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(110,52,219,.5);border-radius:50%;filter:blur(15px);opacity:.5}.preloader .content .logo-container .logo-wrapper .logo-border{position:absolute;top:-5px;left:-5px;width:90px;height:90px;border:2px solid #702eff;border-radius:50%;opacity:.3}.preloader .content .title-section{margin-bottom:10px}.preloader .content .title-section .title{font-family:var(--primary-font);font-size:2.5rem;font-weight:700;color:#fff}.preloader .content .title-section .title .title-gradient{background:linear-gradient(90deg,#9d5eff,#5a24cc);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.preloader .content .title-section .title .title-white{color:#fff}.preloader .content .title-section .title-underline{width:50px;height:3px;background:#702eff;margin:5px auto}.preloader .content .subtitle{font-family:var(--secondary-font);font-size:1rem;color:#fff;opacity:.8;margin-bottom:20px}.preloader .content .loading-container{position:relative;margin-bottom:20px}.preloader .content .loading-container .loading-wrapper{width:50px;height:50px}.preloader .content .loading-container .loading-wrapper .loading-circle{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.preloader .content .loading-container .loading-wrapper .loading-circle .loading-spinner{width:30px;height:30px;color:#5a24cc;animation:spin 1s linear infinite}.preloader .content .loading-container .loading-wrapper .loading-border{position:absolute;top:-5px;left:-5px;width:60px;height:60px;border:2px solid #702eff;border-radius:50%;opacity:.3}.preloader .content .progress-container{width:200px;margin-bottom:10px}.preloader .content .progress-container .progress-header{display:flex;justify-content:space-between;font-family:var(--secondary-font);font-size:.9rem;color:#fff;margin-bottom:5px}.preloader .content .progress-container .progress-bar-wrapper{width:100%;height:6px;background:#333;border-radius:3px;overflow:hidden}.preloader .content .progress-container .progress-bar-wrapper .progress-bar{height:100%;background:#702eff;transition:width .2s ease}.preloader .content .progress-text{font-family:var(--secondary-font);font-size:.9rem;color:#fff;margin-bottom:15px}.preloader .content .dots-container{display:flex;gap:8px}.preloader .content .dots-container .dot{width:8px;height:8px;background:#5a24cc;border-radius:50%;animation:pulse 1.2s ease-in-out infinite}.preloader .bottom-status{position:absolute;bottom:20px;display:flex;align-items:center;gap:8px}.preloader .bottom-status .status-indicator{width:10px;height:10px;background:#702eff;border-radius:50%}.preloader .bottom-status .status-text{font-family:var(--secondary-font);font-size:.8rem;color:#fff}