.auth-service-error-page { align-items: center; background: radial-gradient(circle at top, #eef5ff 0%, #f7f9fc 46%, #eef1f5 100%); display: flex; justify-content: center; min-height: 100vh; padding: 1.5rem; }
.auth-service-error-card { background: #fff; border: 1px solid #dbe4ef; border-radius: 1rem; box-shadow: 0 1.25rem 3rem rgba(25, 57, 96, .14); color: #223047; max-width: 34rem; padding: 2.5rem; text-align: center; width: 100%; }
.auth-service-error-brand { align-items: center; display: flex; gap: .75rem; justify-content: center; margin-bottom: 2rem; }
.auth-service-error-brand img { display: block; max-height: 2rem; max-width: 7rem; }
.auth-service-error-brand span { background: #c8d2de; height: 1.75rem; width: 1px; }
.auth-service-error-icon { align-items: center; background: #fff3e8; border-radius: 50%; color: #b64b09; display: inline-flex; height: 4.5rem; justify-content: center; margin-bottom: 1.25rem; width: 4.5rem; }
.auth-service-error-icon svg { fill: currentColor; height: 2.25rem; width: 2.25rem; }
.auth-service-error-card h1 { color: #172b4d; font-size: 1.5rem; font-weight: 700; line-height: 1.3; margin: 0 0 .75rem; }
.auth-service-error-card p { color: #52657d; line-height: 1.55; margin: 0 auto 1.75rem; max-width: 27rem; }
.auth-service-error-retry { background: #0b5cad; border: 1px solid #0b5cad; border-radius: .5rem; color: #fff; cursor: pointer; display: inline-block; font: inherit; font-weight: 600; padding: .7rem 1.25rem; text-decoration: none; transition: background-color .2s ease, border-color .2s ease, transform .2s ease; }
.auth-service-error-retry:hover { background: #084982; border-color: #084982; color: #fff; transform: translateY(-1px); }
.auth-service-error-retry:focus-visible { box-shadow: 0 0 0 3px rgba(11, 92, 173, .3); outline: 0; }
@media (max-width: 480px) { .auth-service-error-page { padding: 1rem; } .auth-service-error-card { padding: 2rem 1.25rem; } }