.pn-safe-page-loader{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;padding:18px;background:rgba(244,247,252,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:1;visibility:visible;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.pn-safe-page-loader[hidden],.pn-safe-page-loader.is-hidden{opacity:0;visibility:hidden}
.pn-safe-loader-card{width:min(300px,calc(100vw - 36px));display:grid;justify-items:center;gap:13px;padding:22px 20px 18px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(244,248,255,.94));box-shadow:0 20px 55px rgba(15,23,42,.16)}
.pn-safe-loader-logo{position:relative;width:76px;height:76px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(145deg,#fff,#eaf2ff);box-shadow:0 12px 30px rgba(24,119,242,.2);overflow:visible}
.pn-safe-loader-logo img{width:58px;height:58px;display:block;object-fit:contain;border-radius:18px}
.pn-safe-loader-logo span{font:800 22px/1 Inter,system-ui,sans-serif;color:#1877f2}
.pn-safe-loader-logo i{position:absolute;inset:-6px;border:3px solid rgba(24,119,242,.14);border-top-color:#1877f2;border-right-color:#7c3aed;border-radius:28px;animation:pnSafeLoaderSpin 1s linear infinite}
.pn-safe-loader-copy{text-align:center;min-width:0}
.pn-safe-loader-copy strong{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 19px/1.25 Manrope,Inter,system-ui,sans-serif;color:#0f172a}
.pn-safe-loader-copy small{display:block;margin-top:4px;font:600 12px/1.35 Inter,system-ui,sans-serif;color:#64748b}
.pn-safe-loader-progress{width:100%;height:5px;overflow:hidden;border-radius:99px;background:#e7edf7}
.pn-safe-loader-progress b{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1877f2,#7c3aed,#06b6d4);animation:pnSafeLoaderMove 1.05s ease-in-out infinite}
@keyframes pnSafeLoaderSpin{to{transform:rotate(360deg)}}
@keyframes pnSafeLoaderMove{0%{transform:translateX(-115%)}100%{transform:translateX(340%)}}
@media(max-width:520px){.pn-safe-page-loader{padding:14px}.pn-safe-loader-card{width:min(270px,calc(100vw - 28px));padding:19px 17px 16px;border-radius:21px}.pn-safe-loader-logo{width:68px;height:68px;border-radius:21px}.pn-safe-loader-logo img{width:52px;height:52px}.pn-safe-loader-copy strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.pn-safe-page-loader{transition:none}.pn-safe-loader-logo i,.pn-safe-loader-progress b{animation-duration:2.4s}}
