:root{--tx-primary:#10b981;--tx-accent:#06b6d4;--tx-bg:#0a0f1a;--tx-text:#fff}.app-loading{background-color:var(--tx-bg);font-family:Segoe UI,system-ui,-apple-system,sans-serif;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:9999}.app-loading,.loading-overlay{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-overlay{animation:fadeIn .6s ease-out;position:relative}.brand-logo{margin-bottom:2.5rem}.brand-logo,.logo-diamond{align-items:center;display:flex;justify-content:center}.logo-diamond{animation:logo-glow 3s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:14px;box-shadow:0 0 20px rgba(16,185,129,.3),0 0 60px rgba(6,182,212,.15),inset 0 1px 1px hsla(0,0%,100%,.2);height:68px;position:relative;transform:rotate(45deg);width:68px}.logo-diamond span{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.5px;text-shadow:0 1px 2px rgba(0,0,0,.2);transform:rotate(-45deg)}.spinner{animation:spin 1.2s linear infinite;border:3px solid hsla(0,0%,100%,.08);border-radius:50%;border-top:3px solid var(--tx-primary);height:28px;width:28px}.loading-text{color:hsla(0,0%,100%,.35);font-size:11px;font-weight:500;letter-spacing:3px;margin-top:1.5rem;text-transform:uppercase}@keyframes spin{to{transform:rotate(1turn)}}@keyframes logo-glow{0%,to{box-shadow:0 0 20px rgba(16,185,129,.3),0 0 60px rgba(6,182,212,.15),inset 0 1px 1px hsla(0,0%,100%,.2)}50%{box-shadow:0 0 30px rgba(16,185,129,.45),0 0 80px rgba(6,182,212,.25),inset 0 1px 1px hsla(0,0%,100%,.25)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.app-loading.transitioning .loading-overlay{background:transparent}.app-loading.transitioning .loading-text,.app-loading.transitioning .spinner{opacity:0;transition:opacity .2s ease-out}.app-loading.transitioning .logo-diamond{animation:none;transition:top .6s cubic-bezier(.22,1,.36,1),left .6s cubic-bezier(.22,1,.36,1),width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1),border-radius .6s cubic-bezier(.22,1,.36,1),box-shadow .6s ease-out}.app-loading.transitioning .logo-diamond span{transition:font-size .6s cubic-bezier(.22,1,.36,1)}.app-loading.fade-out{opacity:0;pointer-events:none;transition:opacity .4s ease-out}@media (max-width:768px){.logo-diamond{border-radius:12px;height:56px;width:56px}.logo-diamond span{font-size:18px}.spinner{height:24px;width:24px}}@media (max-width:480px){.logo-diamond{border-radius:10px;height:48px;width:48px}.logo-diamond span{font-size:16px}.spinner{border-width:2px;height:20px;width:20px}}