/* Pre-boot splash — loads before React hydrates */
html,body{background:#06101E}
#preboot-splash{position:fixed;inset:0;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:radial-gradient(ellipse at center,#0F2549 0%,#06101E 70%);font-family:'Inter',system-ui,sans-serif;transition:opacity .55s cubic-bezier(.16,1,.3,1),visibility .55s}
#preboot-splash.is-hiding{opacity:0;visibility:hidden;pointer-events:none}
.preboot-mark{width:88px;height:88px;border-radius:50%;border:2px solid rgba(212,168,67,.35);display:grid;place-items:center;position:relative;box-shadow:0 0 48px rgba(212,168,67,.15),inset 0 0 24px rgba(212,168,67,.08)}
.preboot-mark span{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.1rem;font-weight:700;color:#D4A843;letter-spacing:-0.04em;line-height:1}
.preboot-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid transparent;border-top-color:#D4A843;border-right-color:rgba(212,168,67,.35);animation:preboot-spin 1.1s linear infinite}
@keyframes preboot-spin{to{transform:rotate(360deg)}}
.preboot-title{font-size:.7rem;font-weight:700;letter-spacing:.34em;text-transform:uppercase;color:rgba(231,238,250,.82)}
.preboot-sub{font-size:.68rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(212,168,67,.85);display:flex;gap:10px;align-items:center}
.preboot-sub::before,.preboot-sub::after{content:'';width:22px;height:1px;background:linear-gradient(90deg,transparent,#D4A843)}
.preboot-sub::after{background:linear-gradient(90deg,#D4A843,transparent)}
@media(prefers-reduced-motion:reduce){.preboot-ring{animation:none}}