:root{--ss-serene-teal:#1f4f6b;--ss-muted-gold:#dbb46c;--ss-midnight-slate:#001a2a;--ss-antique-gold:#8e723d;--ss-dusty-blue:#8b6b5b;--ss-palladium:#e6e0c8}.preloader-wrapper{background:linear-gradient(135deg,var(--ss-midnight-slate)0%,#0d1117 100%);z-index:9999;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;animation:.6s ease-out forwards preloaderFadeIn;display:flex;position:fixed;top:0;left:0;overflow:hidden}.preloader-wrapper.fade-out{animation:.6s ease-out forwards preloaderFadeOut}@keyframes preloaderFadeIn{0%{opacity:0}to{opacity:1}}@keyframes preloaderFadeOut{0%{opacity:1}to{opacity:0}}.preloader-grid{opacity:.1;z-index:1;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:1px;width:100%;height:100%;padding:20px;display:grid;position:absolute;top:0;left:0}.grid-cell{border:1px solid #ffffff4d;animation:2s ease-in-out infinite gridPulse}@keyframes gridPulse{0%,to{background-color:#0000;border-color:#dbb46c26}50%{background-color:#1f4f6b1a;border-color:#dbb46c4d}}.preloader-center{z-index:10;text-align:center;flex-direction:column;align-items:center;gap:30px;display:flex;position:relative}.loader-circles{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.circle{border:2px solid #0000;border-top-color:var(--ss-muted-gold);border-right-color:var(--ss-muted-gold);border-radius:50%;position:absolute}.circle-1{width:80px;height:80px;animation:2s linear infinite spin}.circle-2{border-top-color:var(--ss-serene-teal);border-right-color:var(--ss-serene-teal);width:60px;height:60px;animation:2.5s linear infinite spinReverse}.circle-3{border-top-color:var(--ss-antique-gold);border-right-color:var(--ss-antique-gold);width:40px;height:40px;animation:3s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.preloader-brand{z-index:10;position:relative}.preloader-brand h1{background:linear-gradient(135deg,var(--ss-muted-gold)0%,var(--ss-serene-teal)50%,var(--ss-antique-gold)100%);-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;animation:2s ease-in-out infinite textGlow}.preloader-brand p{color:var(--ss-palladium);letter-spacing:1px;font-family:Poppins,sans-serif;font-size:1rem;animation:2s ease-in-out infinite fadeInOut}@keyframes textGlow{0%,to{filter:drop-shadow(0 0 10px #dbb46c4d)}50%{filter:drop-shadow(0 0 20px #1f4f6b80)}}@keyframes fadeInOut{0%,to{opacity:.6}50%{opacity:1}}.preloader-progress{z-index:10;background-color:#dbb46c1a;border-radius:2px;width:250px;height:4px;position:absolute;bottom:40px;overflow:hidden;box-shadow:0 0 20px #dbb46c33}.progress-bar{background:linear-gradient(90deg,var(--ss-muted-gold),var(--ss-serene-teal),var(--ss-antique-gold));border-radius:2px;height:100%;transition:width .3s ease-out;box-shadow:0 0 10px #dbb46ccc}.progress-text{color:var(--ss-muted-gold);z-index:10;font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;position:absolute;bottom:-25px;left:50%;transform:translate(-50%)}.particles-container{z-index:2;width:100%;height:100%;position:absolute;overflow:hidden}.particle{background-color:#dbb46c99;border-radius:50%;width:2px;height:2px;animation:ease-in-out infinite floatParticles;position:absolute;box-shadow:0 0 6px #dbb46ccc}@keyframes floatParticles{0%{opacity:0;transform:translateY(0)translate(0)scale(1)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)translate(50px)scale(0)}}@media (max-width:768px){.preloader-brand h1{letter-spacing:1px;font-size:1.8rem}.preloader-brand p{font-size:.9rem}.loader-circles{width:80px;height:80px}.circle-1{width:60px;height:60px}.circle-2{width:45px;height:45px}.circle-3{width:30px;height:30px}.preloader-progress{width:200px;bottom:30px}.preloader-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.preloader-brand h1{letter-spacing:.5px;font-size:1.4rem}.preloader-brand p{font-size:.8rem}.preloader-progress{width:150px;bottom:20px}}