*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#F4F6F9;color:#0F172A;font-family:-apple-system,"Segoe UI",Helvetica,Arial,sans-serif}
main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
form{width:100%;max-width:380px;background:#fff;border:1px solid #E5E7EB;border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:8px;box-shadow:0 10px 30px rgba(15,23,42,.06)}
.logo{margin-bottom:8px}
h1{margin:0;font-size:22px}
.sub{margin:0 0 10px;font-size:14px;color:#6B7280}
label{font-size:13px;font-weight:600;color:#374151;margin-top:8px}
input{height:48px;width:100%;padding:0 14px;border:1px solid #D1D5DB;border-radius:10px;font-size:16px;outline:none;font-family:inherit}
input:focus{border-color:#003965;box-shadow:0 0 0 3px rgba(0,57,101,.12)}
#firstBox{display:flex;flex-direction:column;gap:8px}#firstBox[hidden]{display:none}
button.go{margin-top:14px;height:50px;border:none;border-radius:12px;background:#003965;color:#fff;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit}
button.go:disabled{opacity:.55;cursor:default}
#e{min-height:20px;font-size:14px;color:#DC2626}
.note{margin:4px 0 0;font-size:12px;color:#9CA3AF;text-align:center}
.tabs{display:flex;padding:3px;border-radius:12px;background:#EEF1F4;margin-bottom:4px}
.tabs button{flex:1;height:38px;border:none;border-radius:9px;background:transparent;color:#54687C;font-size:14px;font-weight:700;cursor:pointer;font-family:inherit}
.tabs button.on{background:#fff;color:#003965;box-shadow:0 1px 3px rgba(15,23,42,.1)}
.hint{margin:2px 0 0;font-size:12px;line-height:1.45;color:#6B7280}
#e.ok{color:#047857}