.error-modal{--modal-ink:#121b32;--modal-muted:#64708a;--modal-line:#e4e8f1;color:var(--modal-ink);background:var(--surface,#fff);border:1px solid var(--modal-line);border-radius:24px;padding:0;width:min(510px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;box-shadow:0 28px 100px #080f3540;overflow:hidden;text-align:left}
.error-modal:not([open]){display:none}.error-modal[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:error-modal-enter .18s ease-out}
.error-modal::backdrop{background:#111a38a8;backdrop-filter:blur(5px);animation:error-backdrop-enter .18s ease-out}.error-modal-open{overflow:hidden;scrollbar-gutter:stable}
.error-modal-heading{padding:28px 30px 0}.error-modal-top{display:flex;align-items:center;gap:13px;margin-bottom:21px}.error-modal-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid #f0ccd3;background:#fff3f5;color:#a72d48;border-radius:15px;flex:0 0 46px}.error-modal-mark svg{width:27px;height:27px}.error-modal-brand{font-size:12px;font-weight:750;letter-spacing:.025em;color:var(--modal-muted)}
.error-modal .error-modal-close{display:grid;place-items:center;width:44px;height:44px;margin:-6px -9px -6px auto;border:0;border-radius:50%;background:transparent;color:var(--modal-muted);padding:11px;cursor:pointer}.error-modal-close svg{width:22px;height:22px}.error-modal .error-modal-close:hover{background:var(--soft,#f3f5fa);color:var(--modal-ink)}
.error-modal h2{font-size:27px;line-height:1.18;letter-spacing:-.035em;margin:0 0 14px;font-weight:750;color:var(--modal-ink)}.error-modal h2:focus{outline:none}
.error-modal-content{min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 30px 8px;scrollbar-width:thin;font-size:15px;line-height:1.65;color:var(--modal-muted)}
.error-modal .auth-feedback,.error-modal .alert.error{display:block;margin:0;padding:0;border:0;background:none;box-shadow:none;color:var(--modal-muted);font-size:15px;line-height:1.65;border-radius:0}.error-modal .auth-feedback[hidden]{display:none}.error-modal .auth-feedback>.feedback-symbol{display:none}.error-modal .auth-feedback strong{font-size:15px;font-weight:500;color:var(--modal-muted)}.error-modal .auth-feedback ul{margin:16px 0 0;padding:0;list-style:none}.error-modal .auth-feedback li{padding:0;border-top:1px solid var(--modal-line)}.error-modal .auth-feedback li a{display:flex;align-items:center;min-height:44px;padding:10px 0;color:var(--modal-ink);font-size:13px;line-height:1.5;text-decoration:none}.error-modal .auth-feedback li a:hover{text-decoration:underline;text-underline-offset:3px;color:#4558ed}.error-modal .feedback-help p{margin:12px 0;color:var(--modal-muted);font-size:13px}.error-modal .feedback-actions{gap:7px 20px;margin-top:12px}.error-modal .feedback-actions a{color:#4558ed;font-size:13px;font-weight:650;min-height:40px}.error-modal .feedback-actions a.button{color:#fff}
.error-modal-footer{padding:18px 30px 26px;border-top:1px solid var(--modal-line);margin-top:12px}.error-modal .error-modal-primary{display:flex;width:100%;min-height:50px;justify-content:center;align-items:center;font-size:14px;font-weight:700;border-radius:12px;background:#4859ed;color:#fff;border:1px solid #4859ed;box-shadow:0 5px 12px #4859ed18}.error-modal .error-modal-primary:hover{background:#3547df}.error-modal :is(button,a):focus-visible{outline:3px solid #5868ef80;outline-offset:3px}
.dark .error-modal{--modal-ink:#edf0fc;--modal-muted:#b4bdd5;--modal-line:#353e56;background:#1b2338}.dark .error-modal-mark{background:#3b2633;border-color:#6a3a4c;color:#ffb7c8}.dark .error-modal .feedback-actions a{color:#aebaff}.dark .error-modal .feedback-actions a.button{color:#fff}
@keyframes error-modal-enter{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes error-backdrop-enter{from{opacity:0}to{opacity:1}}
@media(max-width:480px){.error-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:20px}.error-modal-heading{padding:22px 22px 0}.error-modal-top{margin-bottom:18px}.error-modal h2{font-size:25px}.error-modal-content{padding:0 22px 4px;font-size:14px}.error-modal .auth-feedback strong{font-size:14px}.error-modal-footer{padding:16px 22px 22px}.error-modal .feedback-actions{display:flex;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.error-modal[open],.error-modal::backdrop{animation:none;scroll-behavior:auto}}
