html,body{margin:0;width:100%;height:100%;background:#eaf3f5;color:#172332;font-family:system-ui,-apple-system,sans-serif}
#loading{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(155deg,#f8fbfc,#dfedf1);z-index:1}
#loading img{border-radius:18px}h1{font-size:26px;margin:4px 0 0}p{font-size:15px;margin:0;color:#586976;text-align:center;padding:0 24px}
.spinner{width:24px;height:24px;margin-top:12px;border:3px solid #c9d5ec;border-top-color:#3865ec;border-radius:50%;animation:spin .9s linear infinite}
button{border:0;border-radius:22px;padding:12px 24px;margin-top:12px;background:#3865ec;color:#fff;font:inherit;cursor:pointer}
@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}