html, body { margin: 0; font-family: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif; }

.boot { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; gap: 8px; color: #1565c0; }
.boot-name { font-size: 2rem; font-weight: 600; }
.boot-note { font-size: .9rem; color: #555; }

#blazor-error-ui {
    background: #fff3cd; color: #333; bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 2000;
}
#blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; }

.auth-card { width: 100%; max-width: 440px; }
.page { max-width: 1100px; margin: 0 auto; }

/* Phones: less padding, full-width cards (docs/05-screens.md, NFR-01). */
@media (max-width: 600px) {
    .auth-card { max-width: none; }
}