*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#090a0e;color:#f5f7fb}body{min-height:100vh}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(760px,100%);background:#12141b;border:1px solid #262a35;border-radius:20px;box-shadow:0 24px 80px #0008;padding:32px}.brand{font-size:25px;font-weight:750;display:flex;gap:12px;align-items:center}.mark{color:#7da2ff;font-size:32px}.muted{color:#9ba3b5}.grid{display:grid;gap:16px}.field{display:grid;gap:7px}.field label{font-size:14px;color:#c6ccda}.field input,.field textarea{width:100%;background:#1b1e27;border:1px solid #343948;border-radius:10px;color:#fff;padding:12px 13px;outline:none}.field input:focus,.field textarea:focus{border-color:#7da2ff;box-shadow:0 0 0 3px #7da2ff20}.btn{border:0;border-radius:10px;padding:13px 16px;font-weight:700;cursor:pointer;background:#7da2ff;color:#07101f}.btn.secondary{background:#242936;color:#eef2fa}.row{display:flex;gap:10px;flex-wrap:wrap}.note{padding:12px;border:1px solid #5a4614;background:#2b230e;color:#e9cf75;border-radius:10px;font-size:13px}.danger{color:#ff8d8d}.success{color:#8fe0a4}.hidden{display:none}.vault{display:grid;gap:18px}.vault textarea{min-height:280px;resize:vertical}.topbar{display:flex;justify-content:space-between;gap:10px;align-items:center}.small{font-size:12px;color:#8991a3}#msg{min-height:24px;margin-top:14px}.password-meter{font-size:12px;color:#8fe0a4}.actions{display:flex;gap:10px;flex-wrap:wrap}