/* Fallback custom styles when Vite/Tailwind build is unavailable */
body{font-family:'Space Grotesk',sans-serif}

/* Utility-like helpers used by inline scripts/overlays */
.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#1E1E1E;color:#fff;overflow:hidden;display:flex;justify-content:center;align-items:center;z-index:9999;font-family:'Space Grotesk',sans-serif}
.font-serif,.font-sans{font-family:'Space Grotesk',sans-serif}
.loading-container{position:relative;width:100%;max-width:400px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}
.logo-container{position:relative;width:180px;height:180px;margin-bottom:40px}
.logo-circle{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(30,30,30,.1)}
.logo-circle-inner{position:absolute;width:80%;height:80%;top:10%;left:10%;border-radius:50%;border:2px solid rgba(30,30,30,.05)}
.logo-text{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:3rem;font-weight:700;letter-spacing:-2px}
.logo-text span:first-child{color:#1e1e1e}
.logo-text span:last-child{color:#4DB6AC;margin-left:2px}
.progress-container{width:80%;max-width:300px;height:4px;background:rgba(30,30,30,.1);border-radius:2px;overflow:hidden;margin-top:20px}
.progress-bar{height:100%;width:0;background:linear-gradient(90deg,#4DB6AC,#80CBC4);border-radius:2px}
.percentage{margin-top:15px;font-size:.9rem;font-weight:300;color:#4DB6AC;letter-spacing:1px}
.bg-particle{position:absolute;border-radius:50%;background:rgba(77,182,172,.1);filter:blur(1px);pointer-events:none}
.status-message{position:absolute;bottom:30%;font-size:.8rem;font-weight:300;color:rgba(30,30,30,.6);text-transform:uppercase;letter-spacing:2px;opacity:0}
.status-message span{color:#4DB6AC}
@keyframes float{0%{transform:translateY(0) translateX(0)}50%{transform:translateY(-20px) translateX(10px)}100%{transform:translateY(0) translateX(0)}}
.animate-float{animation:float 8s ease-in-out infinite}
@keyframes spin-slow{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.animate-spin-slow{animation:spin-slow 20s linear infinite}
.glow-effect{box-shadow:0 0 10px rgba(190,242,100,.3)}
.glow-effect:hover{box-shadow:0 0 20px rgba(190,242,100,.5)}
.glow-border{position:relative}
.glow-border::before{content:"";position:absolute;top:0;left:-2px;height:100%;width:2px;background:rgba(190,242,100,.3);box-shadow:0 0 10px rgba(190,242,100,.5)}
.glow-button:hover{box-shadow:0 0 15px rgba(190,242,100,.7)}