.bone-login-page{min-height:100dvh;background:radial-gradient(ellipse at 15% 8%,#d7ede6 0,transparent 40%),radial-gradient(ellipse at 90% 90%,#e0e9f2 0,transparent 45%),#f1f5f4;color:#152c29}
.bone-login-shell{width:100%;max-width:488px;min-height:100dvh;margin:auto;padding:38px 20px;display:flex;flex-direction:column;justify-content:center}
.bone-login-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px}
.bone-login-brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#09695c;color:#fff;font-size:15px;font-weight:700;box-shadow:0 6px 16px #09695c1a}
.bone-login-brand strong{display:block;font-size:17px;letter-spacing:-.02em}.bone-login-brand small{display:block;font-size:12px;color:#61746e;margin-top:2px}
.bone-login-card{background:#fff;border:1px solid #e0e8e4;border-radius:24px;box-shadow:0 20px 60px #183e2c0d;overflow:hidden;text-align:left;color:#152c29}
.bone-login-card *{box-sizing:border-box}.bone-login-progress{display:flex;align-items:center;gap:24px;padding:22px 28px;border-bottom:1px solid #edf1ef;background:#fbfcfb}
.bone-login-step{display:flex;align-items:center;gap:8px;color:#6d7d77;font-size:13px;font-weight:500}.bone-login-step-number{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eaf0ed;font-size:12px}
.bone-login-step.is-current{color:#125f51}.bone-login-step.is-current .bone-login-step-number,.bone-login-step.is-done .bone-login-step-number{background:#09695c;color:#fff}
.bone-login-content{padding:30px 28px}.bone-login-heading{margin-bottom:26px}.bone-login-eyebrow{color:#247b66;font-size:11px;letter-spacing:.12em;font-weight:700;margin-bottom:10px}
.bone-login-card h1{font-size:26px;line-height:1.25;font-weight:650;letter-spacing:-.035em;margin:0 0 10px}.bone-login-heading>p:last-child,.bone-login-face>p{font-size:14px;line-height:1.65;color:#63756d;margin:0}
.bone-login-fields{border:0;padding:0;margin:0;min-width:0}.bone-login-label{display:block;color:#2f443b;font-size:13px;font-weight:600;margin-bottom:8px}
.bone-login-input{display:block;width:100%;height:49px;border:1px solid #d4dfd9;border-radius:11px;background:#fff;color:#192d24;padding:11px 13px;font-size:16px;transition:border-color .15s,box-shadow .15s}
.bone-login-input:focus{outline:2px solid #0d7b622a;outline-offset:2px;border-color:#198469}.bone-login-input:disabled{background:#f5f7f6;color:#74827b}.bone-login-input::placeholder{color:#8b9790}
.bone-login-field{margin-top:22px}.bone-login-hint{font-size:12px;line-height:1.6;color:#697970;margin-top:9px}.bone-login-primary{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:49px;margin-top:26px;padding:12px 16px;border:0;border-radius:11px;background:#09695c;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}
.bone-login-primary:hover{background:#085548}.bone-login-card button:disabled,.bone-login-fields:disabled .bone-login-primary{opacity:.55;cursor:wait}.bone-login-card button:focus-visible{outline:3px solid #79bda9;outline-offset:3px}
.bone-login-footer-note{text-align:center;color:#77867e;font-size:12px;line-height:1.6;margin:17px 0 0}.bone-login-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:#edf6f1;margin-bottom:26px}
.bone-login-identity{min-width:0;font-size:13px;color:#245943;overflow-wrap:anywhere}.bone-login-identity strong{display:block;font-weight:600}.bone-login-identity>span{display:block;margin-top:3px;font-size:12px;line-height:1.5}
.bone-login-link{border:0;background:none;padding:8px;color:#17694e;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bone-login-password{position:relative}.bone-login-password input{padding-right:90px}.bone-login-password>button{position:absolute;right:5px;top:4px;height:41px;min-width:70px;padding:0 8px;border:0;border-radius:7px;background:transparent;font-size:12px;font-weight:600;color:#17694e;cursor:pointer}
.bone-login-back{display:block;width:100%;padding:13px 8px;margin-top:8px;font-size:13px;font-weight:500;color:#596e62;background:none;border:0;cursor:pointer}.bone-login-back:hover{color:#09695c}
.bone-login-face{text-align:center;padding-top:8px}.bone-login-face-symbol{display:grid;place-items:center;position:relative;width:90px;height:90px;margin:4px auto 26px;border-radius:28px;background:#edf6f1;color:#08705a;font-size:36px}.bone-login-face-symbol svg{width:44px;height:44px}
.bone-login-face-symbol.is-waiting:after{content:'';position:absolute;inset:-6px;border-radius:33px;border:2px solid #c7e5d8;border-top-color:#18816a;animation:bone-face-pulse 1.6s ease-in-out infinite alternate}
.bone-login-countdown{font-size:36px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1;margin-bottom:20px;color:#166a56}.bone-login-face h1{font-size:24px}.bone-login-face>p.bone-login-hint{font-size:12px;margin-top:12px}
.bone-login-alerts{margin-bottom:20px}.bone-login-network{font-size:13px;color:#b45309;padding-top:14px;line-height:1.5}.bone-login-destination{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:22px;font-size:13px;color:#63756d}.bone-login-destination strong{color:#245943}
@keyframes bone-face-pulse{from{opacity:.4}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.bone-login-face-symbol.is-waiting:after{animation:none}}
@media(max-width:380px){.bone-login-shell{padding:24px 14px}.bone-login-content{padding:25px 20px}.bone-login-progress{padding:19px 20px;gap:18px}.bone-login-card h1{font-size:24px}}