/* Onboarding blue (Bob, 21 Oct 2026): pre-sign-in pages (sign in, email link, signed out, link expired) use the mindful12.com website blue.
   Same layout as m12-signin.css; only colours change. m12-signin.css stays as is for in-app pages (Your devices) and admin.
   Colours from the website (bob-funnels-blue v2/blue.css): #2D67FF, hover #1F55E6, panels #EAF0FF, text #0D2158, grey #5B6B8F, borders #D6DEF0, white page. */
*{box-sizing:border-box}body{margin:0;background:#fff;font:400 16px/1.6 Poppins,Helvetica,Arial,sans-serif;color:#0d2158;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:12vh 18px 40px}
.card{width:100%;max-width:420px;background:#fff;border:1px solid #d6def0;border-radius:18px;padding:28px 24px;text-align:center;box-shadow:0 6px 24px rgba(13,33,88,.06)}
.card img{border-radius:14px}h1{font:600 26px/1.2 Poppins,Helvetica,Arial,sans-serif;color:#2d67ff;margin:16px 0 4px}h2{font:600 17px/1.35 Poppins,Helvetica,Arial,sans-serif;margin:0 0 14px}
p{margin:0 0 4px}.btn{display:inline-block;margin-top:18px;background:#2d67ff;color:#fff;border:0;border-radius:99px;padding:13px 26px;font:600 16px Poppins,Helvetica,Arial,sans-serif;text-decoration:none;cursor:pointer}
.btn:hover{background:#1f55e6}.btn:focus-visible{outline:2px solid #2d67ff;outline-offset:3px}
input{width:100%;margin-top:16px;padding:13px 14px;border:1px solid #d6def0;border-radius:12px;font:16px Poppins,Helvetica,Arial,sans-serif;color:#0d2158}
input:focus{outline:2px solid rgba(45,103,255,.35);border-color:#2d67ff}
a{color:#2d67ff}a:hover{color:#1f55e6}a.btn,a.btn:hover{color:#fff}
.ok{margin-top:16px;padding:12px;border-radius:12px;background:#eaf0ff;color:#0d2158}.err{color:#b42318;margin-top:10px;font-size:14px}.fine{font-size:13px;color:#5b6b8f;margin-top:18px}
.dev{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;border-top:1px solid #d6def0;padding:12px 0}.dev small{display:block;color:#5b6b8f}.lnk{background:none;border:0;color:#2d67ff;font:500 14px Poppins,Helvetica,Arial,sans-serif;cursor:pointer;text-decoration:underline}
.dev.me{background:#eaf0ff;border:1px solid #d6def0;border-radius:12px;padding:12px;margin:6px 0}.tag{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:99px;background:#2d67ff;color:#fff;font-size:11px;font-weight:600;vertical-align:2px}