.offline-screen{position:fixed;z-index:3000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(9,35,42,.72);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.offline-screen.show{opacity:1;visibility:visible}.offline-card{position:relative;overflow:hidden;width:min(100%,470px);padding:38px 34px 32px;border:1px solid rgba(255,255,255,.65);border-radius:24px;background:#fff;box-shadow:0 30px 90px rgba(2,25,31,.35);text-align:center}.offline-card:before{content:"";position:absolute;width:190px;height:190px;right:-95px;top:-115px;border:28px solid rgba(8,143,129,.08);border-radius:50%}.offline-brand{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px;color:#173748;font-size:1rem;font-weight:700}.offline-brand img{width:38px;height:38px;padding:7px;border-radius:11px;background:#eef8f6;object-fit:contain}.offline-icon{display:grid;place-items:center;width:82px;height:82px;margin:0 auto 20px;border-radius:24px;color:#087f73;background:#e5f5f2;font-size:2rem}.offline-card h2{margin:0;color:#173748;font-size:1.55rem;font-weight:700}.offline-card p{max-width:340px;margin:11px auto 0;color:#71858e;font-size:.8rem;line-height:1.6}.offline-status{display:inline-flex;align-items:center;gap:8px;margin-top:23px;padding:9px 14px;border-radius:999px;color:#9b6829;background:#fff3df;font-size:.68rem;font-weight:700}.offline-status i{font-size:.48rem}.offline-help{display:block;margin-top:18px;color:#91a0a6;font-size:.62rem}.offline-screen.restored .offline-icon{color:#087c66;background:#e1f6ee}.offline-screen.restored .offline-status{color:#087c66;background:#e1f6ee}.offline-screen.restored .offline-status i{font-size:.8rem}.offline-screen.restored .offline-card{animation:offlineSuccess .35s ease}@keyframes offlineSuccess{50%{transform:scale(1.025)}}@media(max-width:575px){.offline-screen{padding:16px}.offline-card{padding:30px 21px 27px;border-radius:20px}.offline-card h2{font-size:1.3rem}.offline-icon{width:70px;height:70px;border-radius:20px;font-size:1.7rem}}

.offline-active{overflow:hidden}.offline-icon svg{display:block}