/* Scoped to the public sign-in page; both email and PIN steps use the same card. */
.mi-sign-in { --signin-surface:#fff; --signin-text:#164b4c; --signin-muted:#536c6b; --signin-border:#d4e5df; --signin-field:#fbfdfc; padding-block:clamp(32px,6vw,80px); }
.mi-sign-in-card { max-width:600px; margin-inline:auto; border:1px solid var(--signin-border); border-radius:28px; overflow:hidden; background:var(--signin-surface); color:var(--signin-text); box-shadow:0 16px 48px #164b4c0a; }
.mi-sign-in-header { padding:36px 28px 30px; text-align:center; border-bottom:1px solid var(--signin-border); background:radial-gradient(ellipse at top left,#dff2eb,transparent 75%),linear-gradient(120deg,#f8fcfa,#edf5f4); }
.mi-sign-in-icon { display:inline-flex; align-items:center; justify-content:center; width:60px; height:60px; margin-bottom:16px; border:1px solid #bbdcd1; border-radius:20px; background:#ffffffa8; color:#08796e; }
.mi-sign-in-icon svg { width:30px; height:30px; }
.mi-sign-in-header h1 { margin:0; font-size:clamp(1.8rem,4vw,2.5rem); line-height:1.25; font-weight:400; color:var(--signin-text); }
.mi-sign-in .form-signin { padding:32px; }
.mi-sign-in .form-floating:focus-within { z-index:2; }
.mi-sign-in .form-control { height:62px; border:1px solid var(--signin-border); border-radius:14px; background:var(--signin-field); color:var(--signin-text); }
.mi-sign-in .form-floating > label { color:var(--signin-muted); }
.mi-sign-in .form-floating > label::after { background:var(--signin-field)!important; }
.mi-sign-in .form-control:focus { border-color:#08796e; box-shadow:0 0 0 4px #08796e18; }
.mi-sign-in .form-control:disabled { opacity:.65; }
.mi-sign-in .btn-primary { min-height:52px; padding:13px 22px!important; border:1px solid #08796e; border-radius:999px; background:linear-gradient(110deg,#075e62,#08796e); color:#fff; font-weight:600; box-shadow:0 6px 16px #075e621c; transition:box-shadow .2s,filter .2s; }
.mi-sign-in .btn-primary:hover { filter:brightness(1.08); box-shadow:0 8px 22px #075e622b; }
.mi-sign-in .btn-primary:focus-visible,.mi-sign-in .create-new-account:focus-visible { outline:3px solid #299d91; outline-offset:4px; }
.mi-sign-in .form-signin p { color:var(--signin-muted); line-height:1.7; margin-bottom:0; }
.mi-sign-in .border-top,.mi-sign-in .border-bottom { border-color:var(--signin-border)!important; }
.mi-sign-in .create-new-account { color:#08796e!important; display:inline-block; margin-top:6px; text-decoration:underline; text-underline-offset:4px; }
.mi-sign-in #select-confrim-proccess-log-in { padding:0; }
.mi-sign-in #select-confrim-proccess-log-in h3 { font-size:1.15rem; line-height:1.6; color:var(--signin-text); overflow-wrap:anywhere; }
.mi-sign-in .account-sign-in-pin { border-color:var(--signin-border)!important; border-radius:16px!important; background:var(--signin-field); }
.mi-sign-in #floatingInputPin { letter-spacing:.15em; }
[data-bs-theme="dark"] .mi-sign-in { --signin-surface:#203332; --signin-text:#e0efeb; --signin-muted:#b4cbc5; --signin-border:#3e5d57; --signin-field:#192c2b; }
[data-bs-theme="dark"] .mi-sign-in-header { background:radial-gradient(ellipse at top left,#2b5148,transparent 75%),linear-gradient(120deg,#253e3a,#1d3434); }
[data-bs-theme="dark"] .mi-sign-in-icon { background:#284c46; border-color:#497269; color:#a1e2d1; }
[data-bs-theme="dark"] .mi-sign-in .create-new-account { color:#91d9c7!important; }
@media(max-width:575.98px) { .mi-sign-in-card { border-radius:22px; } .mi-sign-in-header { padding:28px 20px 24px; } .mi-sign-in .form-signin { padding:24px 20px; } }
@media(prefers-reduced-motion:reduce) { .mi-sign-in .btn-primary { transition:none; } }