#doctor-login-confirmation{position:fixed;inset:0;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);box-sizing:border-box;margin:auto;padding:30px;border:1px solid #e2e8f0;border-radius:20px;background:#fff;color:#0f172a;box-shadow:0 24px 80px #0f172a33;font-family:'DM Sans',sans-serif;text-align:left;color-scheme:light;overflow-y:auto}
#doctor-login-confirmation::backdrop{background:#0f172a80;backdrop-filter:blur(4px)}
#doctor-login-confirmation[open]{animation:doctor-login-appear 180ms ease-out}
#doctor-login-confirmation h2{font-size:23px;font-weight:700;line-height:1.35;letter-spacing:-.5px;margin:0 0 20px}
.doctor-login-options{display:grid;gap:10px}
#doctor-login-confirmation a,#doctor-login-confirmation button{display:flex;justify-content:center;align-items:center;min-height:46px;box-sizing:border-box;padding:12px 14px;border:1px solid #dbe3ed;border-radius:10px;background:#f8fafc;color:#334155;font:600 14px/1.5 'DM Sans',sans-serif;text-decoration:none;cursor:pointer}
#doctor-login-confirmation a{background:#2563eb;border-color:#2563eb;color:#fff}
#doctor-login-confirmation a:hover{background:#1d4ed8}
#doctor-login-confirmation button:hover{background:#eef2f7}
#doctor-login-confirmation :focus-visible{outline:2px solid #2563eb;outline-offset:3px}
@keyframes doctor-login-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){#doctor-login-confirmation[open]{animation:none}}