:root{font:16px system-ui;color:#12345a;background:#f2f7ff}*{box-sizing:border-box}body{margin:0}main{width:min(520px,calc(100% - 32px));margin:8vh auto}header{display:flex;gap:14px;align-items:center;margin-bottom:28px}.mark{display:block;width:62px;height:62px;border-radius:17px;overflow:hidden;box-shadow:0 8px 22px #0b4fb438;flex:0 0 auto}.mark img{display:block;width:74px;height:74px;margin:-6px;object-fit:cover}header strong{font-size:24px}header p{margin:3px 0;color:#58708e}.card{background:white;border:1px solid #d7e4f5;border-radius:18px;padding:28px;box-shadow:0 12px 35px #173b6820}h1{font-size:24px;margin:0 0 22px}form{display:grid;gap:18px}label{display:grid;gap:7px;font-weight:650}input,button{font:inherit;border-radius:10px;padding:12px;border:1px solid #b9cce5}button{border:0;background:#2464d8;color:white;font-weight:700;cursor:pointer}.secondary{margin-top:18px;background:#eaf2ff;color:#174a99}.company{width:100%;margin:6px 0;text-align:left}#status{min-height:24px;color:#694b00}button:disabled{opacity:.6;cursor:wait}
[hidden]{display:none!important}
.secondary.compact{margin-top:-6px}
#totp-qr{display:block;width:min(260px,100%);margin:0 auto 8px;border-radius:14px;background:white}.card p{line-height:1.45;color:#47627f}
.password-control{display:flex;align-items:stretch;gap:6px;margin-top:6px}.password-control input{flex:1;min-width:0;width:0;margin:0}.password-control button{flex:none;width:48px;min-height:48px;margin:0;padding:10px;background:#e8f0fb;color:#174479}.password-control svg{display:block;width:24px;height:24px}