*{box-sizing:border-box;outline:0}
html,body{margin:0;padding:0;background:#0d0d0f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#f2f2f0;-webkit-font-smoothing:antialiased}
body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px}
.shell{width:100%;max-width:390px}
.brand{text-align:center;margin-bottom:28px}
.mark{font-size:38px;font-weight:700;font-style:italic;letter-spacing:-1.2px;line-height:1}
.mark .a{color:#f2f2f0}
.mark .z{color:#2f6fed}
.product{font-size:16px;color:#c4c4be;margin-top:4px}
.tag{font-size:11px;color:#6e6e69;letter-spacing:1.6px;margin-top:10px;text-transform:uppercase}
.former{font-size:11px;color:#575753;margin-top:6px}
.card{background:#161619;border:1px solid #2a2a2e;border-radius:12px;padding:24px}
.fieldwrap{margin-bottom:16px}
label.fl{display:block;font-size:12px;color:#9a9a94;margin-bottom:6px}
.textfield{width:100%;height:40px;background:#0d0d0f;border:1px solid #33333a;border-radius:8px;color:#f2f2f0;font-size:15px;padding:0 12px;font-family:inherit}
.textfield:focus{border-color:#2f6fed;box-shadow:0 0 0 3px rgba(47,111,237,.18)}
.pwwrap{position:relative}
.pwwrap .textfield{padding-right:44px}
.pwtoggle{position:absolute;right:4px;top:0;height:40px;width:40px;background:none;border:0;color:#6a6a66;cursor:pointer;font-size:12px;font-family:inherit}
.checkrow{display:flex;align-items:flex-start;gap:9px;margin-bottom:12px;font-size:13px;color:#9a9a94}
.checkrow input{width:16px;height:16px;margin:1px 0 0;accent-color:#2f6fed;flex:0 0 auto;cursor:pointer}
.checkrow label{cursor:pointer;line-height:1.5}
.checkrow a{color:#5b92f5;text-decoration:none;border-bottom:1px solid rgba(91,146,245,.35)}
.send{width:100%;height:44px;margin-top:8px;background:#2f6fed;border:0;border-radius:8px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;font-family:inherit}
.send:hover{background:#4680f0}
.alertBox{display:none;margin-bottom:16px;padding:11px 14px;border:1px solid #7a2a2a;border-radius:8px;background:#241416}
.alertBox p{margin:0;font-size:13px;color:#f2b4b4}
.alertBox.show{display:block}
.msg{margin-bottom:14px;padding:10px 13px;border-radius:8px;background:#1b1b1f;font-size:13px;color:#d9a441;display:none}
.msg.show{display:block}
.infoBox{list-style:none;margin:20px 0 0;padding:0;text-align:center}
.infoBox li{font-size:13px;color:#7a7a75;margin-bottom:9px;line-height:1.55}
.infoBox a{color:#5b92f5;text-decoration:none}
.foot{margin-top:26px;padding-top:16px;border-top:1px solid #26262a;text-align:center;font-size:11px;color:#5a5a56;line-height:1.7}
.foot a{color:#7a7a75;text-decoration:none}
@media (max-width:420px){.mark{font-size:32px}.card{padding:20px}body{padding:24px 16px}}
.notice{font-size:14px;line-height:1.6;color:#c4c4be;margin:0 0 14px}
.notice b{color:#f2f2f0}
.h{font-size:18px;font-weight:600;color:#f2f2f0;margin:0 0 10px}
.alt{width:100%;height:40px;margin-top:8px;background:transparent;border:1px solid #33333a;border-radius:8px;color:#c4c4be;font-size:14px;cursor:pointer;font-family:inherit;text-decoration:none;display:flex;align-items:center;justify-content:center}
.alt:hover{border-color:#5b92f5;color:#f2f2f0}