:root{font-family:Arial,sans-serif;color:#f2f0e9;background:#111;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #333}a{color:inherit}.brand{text-decoration:none;font:700 24px Georgia,serif;letter-spacing:.14em}main{max-width:560px;margin:8vh auto;padding:0 24px 80px}.eyebrow{color:#aaa;font-size:12px;letter-spacing:.18em}h1{font:400 clamp(36px,7vw,64px)/1 Georgia,serif;margin:.35em 0}.intro{color:#bbb;font-size:18px}form{display:grid;gap:18px;margin-top:32px}label{display:grid;gap:7px;color:#ccc;font-size:14px}input{width:100%;padding:13px 14px;border:1px solid #555;border-radius:3px;background:#181818;color:#fff;font:inherit}input:focus{outline:2px solid #d8c7a3;outline-offset:2px}button,.button{display:inline-block;border:0;border-radius:3px;padding:13px 18px;background:#eee9dc;color:#111;font-weight:700;cursor:pointer;text-decoration:none}button:disabled{opacity:.6;cursor:wait}#totp-step,#recovery-step{margin-top:44px;padding-top:32px;border-top:1px solid #444}#totp-qr{width:240px;height:240px;background:#fff;padding:10px}.secret{overflow-wrap:anywhere}code,pre{font-family:ui-monospace,monospace}pre{padding:18px;background:#1b1b1b;border:1px solid #444;line-height:1.8;white-space:pre-wrap}#message{min-height:24px;color:#e6c979}.error{color:#ffadad!important}