diff --git a/windows/welcome/src/SilverOS.Welcome.App/wwwroot/css/app.css b/windows/welcome/src/SilverOS.Welcome.App/wwwroot/css/app.css
index 946b769..313c8b9 100644
--- a/windows/welcome/src/SilverOS.Welcome.App/wwwroot/css/app.css
+++ b/windows/welcome/src/SilverOS.Welcome.App/wwwroot/css/app.css
@@ -303,6 +303,58 @@ h1:focus { outline: none; }
gap: 1rem;
}
+/* ── Boot splash (pre-Blazor; mirrors the native MAUI splash) ───────── */
+.sm-boot {
+ position: fixed;
+ inset: 0;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ gap: 1.4rem;
+ background: var(--clr-void);
+ z-index: 2000;
+}
+
+.sm-boot-title {
+ font-family: var(--font-mono);
+ font-size: 2.6rem;
+ font-weight: 300;
+ letter-spacing: -0.02em;
+ color: var(--clr-text-hi);
+}
+
+.sm-boot-kicker {
+ font-family: var(--font-mono);
+ font-size: 0.8rem;
+ letter-spacing: 0.55em;
+ text-indent: 0.55em; /* balance the trailing letter-spacing */
+ color: var(--clr-accent);
+}
+
+.sm-boot-spinner {
+ width: 34px;
+ height: 34px;
+ border: 3px solid var(--clr-border-hi);
+ border-top-color: var(--clr-accent);
+ border-radius: 50%;
+ animation: sm-spin 0.8s linear infinite;
+}
+
+@keyframes sm-spin {
+ to { transform: rotate(360deg); }
+}
+
+.sm-boot-text {
+ font-family: var(--font-ui);
+ font-size: 0.9rem;
+ color: var(--clr-text-mid);
+}
+
+@media (prefers-reduced-motion: reduce) {
+ .sm-boot-spinner { animation: none; }
+}
+
/* ── Loading / error states ─────────────────────────────────────────── */
.loading {
font-family: var(--font-mono);
diff --git a/windows/welcome/src/SilverOS.Welcome.App/wwwroot/index.html b/windows/welcome/src/SilverOS.Welcome.App/wwwroot/index.html
index 03fe4fa..4924e5e 100644
--- a/windows/welcome/src/SilverOS.Welcome.App/wwwroot/index.html
+++ b/windows/welcome/src/SilverOS.Welcome.App/wwwroot/index.html
@@ -15,7 +15,21 @@
- Loading...
+
+
+
+
SilverOS
+
WELCOME
+
+
Preparing your setup…
+
+
An unhandled error has occurred.