html, body { margin: 0; min-height: 100%; }
      body.app-booting { overflow: hidden; background: #08111d; }
      body.app-booting .app-shell { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
      .boot-screen {
        position: fixed;
        inset: 0;
        z-index: 9999;
        display: grid;
        place-items: center;
        padding: 24px;
        background: radial-gradient(circle at 45% 35%, rgba(91, 134, 255, 0.16), transparent 24%), linear-gradient(180deg, #08111d 0%, #0b1524 100%);
      }
      .boot-card {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 18px 22px;
        border-radius: 24px;
        border: 1px solid rgba(242, 202, 107, 0.34);
        background: linear-gradient(180deg, rgba(17, 28, 43, 0.96), rgba(9, 17, 29, 0.98));
        box-shadow: 0 20px 54px rgba(0, 0, 0, 0.42), 0 0 38px rgba(91, 134, 255, 0.14);
        color: #eef4ff;
        font-family: Arial, sans-serif;
      }
      .boot-card strong { display: block; color: #f7d77b; font-size: 18px; letter-spacing: 0.02em; }
      .boot-card p { margin: 3px 0 0; color: #aabbe0; font-size: 13px; }
      .boot-mark {
        width: 48px;
        height: 48px;
        border-radius: 16px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(242, 202, 107, 0.35);
        background: linear-gradient(145deg, #102038, #172c4a);
      }
      .boot-mark span {
        width: 22px;
        height: 22px;
        border-radius: 999px;
        background: radial-gradient(circle, #86cbff 0%, #3a80d6 58%, rgba(58, 128, 214, 0.12) 100%);
        box-shadow: 0 0 18px rgba(134, 203, 255, 0.72);
      }