.kiara-error { min-height: 68vh; display: grid; place-items: center; padding: 4rem 1.25rem; background: radial-gradient(circle at 20% 20%, #fef08a, transparent 32%), radial-gradient(circle at 80% 25%, #bfdbfe, transparent 35%), #fdf4ff; color: #581c87; text-align: center; overflow: hidden; }
.kiara-error__card { width: min(44rem, 100%); border: 4px dashed #a855f7; border-radius: 2rem; background: rgba(255,255,255,.94); padding: clamp(2rem, 6vw, 4rem); box-shadow: 0 22px 55px rgba(88,28,135,.2); }
.kiara-error__code { color: #ff1b75; font-size: 1.2rem; font-weight: 900; letter-spacing: .18em; }
.kiara-error h1 { font-family: 'Comic Sans MS', 'Comic Neue', cursive; font-size: clamp(2.2rem, 7vw, 4.5rem); line-height: 1.05; margin: .75rem 0 1rem; }
.kiara-error__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin-top: 2rem; }
.kiara-error__action { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; border-radius: 999px; background: #7e22ce; color: #fff; padding: .8rem 1.35rem; font-weight: 900; }
.kiara-error__action--secondary { background: #facc15; color: #581c87; }
@media (max-width: 32rem) { .kiara-error__actions { flex-direction: column; } .kiara-error__action { width: 100%; } }