#overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;transition:opacity .4s ease}#overlay.hidden{opacity:0;pointer-events:none}.card-spinner{background:rgba(15,23,42,.95);border:1px solid rgba(59,130,246,.3);border-radius:16px;padding:2rem 2.2rem;text-align:center;width:260px;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(37,99,235,.1)}.spinner-wrap{position:relative;width:64px;height:64px;margin:0 auto 1.2rem}.spinner-ring{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:#2563eb;border-right-color:#0ea5e9;animation:spin 1s linear infinite}.spinner-ring.inner{inset:10px;border-top-color:rgba(59,130,246,.4);border-right-color:transparent;animation-duration:.7s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.spinner-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#3b82f6;font-size:1.1rem}.loader-title{font-family:Orbitron,monospace;font-size:.72rem;font-weight:600;letter-spacing:3px;color:#fff;text-transform:uppercase;margin-bottom:.4rem}.loader-sub{font-family:Rajdhani,sans-serif;font-size:.75rem;letter-spacing:1.5px;color:#64748b;text-transform:uppercase}.dots{display:inline-flex;gap:5px;margin-top:1rem}.dot{width:5px;height:5px;border-radius:50%;background:#2563eb;animation:bounce 1.2s ease-in-out infinite}.dot:nth-child(2){animation-delay:.2s;background:#3b82f6}.dot:nth-child(3){animation-delay:.4s;background:#0ea5e9}@keyframes bounce{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-5px);opacity:1}}