html, body { margin: 0; min-height: 100%; background: #f6f1ea; }
.app-boot-screen { min-height: 100vh; display: grid; place-items: center; padding: 24px; box-sizing: border-box; direction: rtl; font-family: Arial, sans-serif; color: #3d2617; }
.app-boot-card { width: min(100%, 360px); box-sizing: border-box; padding: 28px 24px; border: 1px solid #ead8c4; border-radius: 28px; background: rgba(255,255,255,.9); box-shadow: 0 18px 50px rgba(74,42,20,.10); text-align: center; }
.app-boot-mark { width: 58px; height: 58px; margin: 0 auto 16px; display: grid; place-items: center; border-radius: 18px; background: #17614d; color: #f8d59c; font-size: 30px; font-weight: 800; }
.app-boot-title { display: block; font-size: 22px; font-weight: 800; }
.app-boot-message { display: block; margin-top: 8px; color: #8b674b; font-size: 14px; }
.app-boot-spinner { width: 22px; height: 22px; margin: 20px auto 0; border: 3px solid #ead8c4; border-top-color: #bb702d; border-radius: 50%; animation: app-boot-spin .8s linear infinite; }
.app-boot-retry { margin-top: 18px; border: 0; border-radius: 12px; padding: 11px 18px; background: #17614d; color: #fff; font-weight: 700; cursor: pointer; }
@keyframes app-boot-spin { to { transform: rotate(360deg); } }