:root{color-scheme:dark;font:16px/1.6 system-ui,sans-serif;background:#0b1220;color:#edf4ff}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1160px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #23334b}.brand{display:flex;align-items:center;gap:12px;letter-spacing:4px;font-weight:800;color:#edf4ff;text-decoration:none}.logo{display:grid;place-items:center;width:38px;height:38px;background:#62d5e8;color:#0b1220;border-radius:10px;font-size:27px;font-style:italic;letter-spacing:0}.tag,.eyebrow,small{color:#aabacf}.tag{font-size:11px;letter-spacing:1.5px}.eyebrow{font-size:12px;letter-spacing:2px;color:#62d5e8}h1{font-size:clamp(30px,5vw,44px);line-height:1.15;letter-spacing:-1.5px;margin:12px 0 20px}h2{font-size:21px;line-height:1.3}h3{font-size:17px;overflow-wrap:anywhere}p{color:#b5c3d8}a{color:#83e1ef}.card{background:#111e30;border:1px solid #293b54;border-radius:16px;padding:26px;margin:20px 0}.narrow{max-width:560px;margin:40px auto}label{display:block;font-size:14px;color:#d0dced}input,select{display:block;width:100%;margin:7px 0 18px;background:#0b1220;border:1px solid #4b617d;border-radius:8px;padding:12px;font:inherit;color:inherit}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid #83e1ef;outline-offset:3px}button,.button{display:inline-block;background:#62d5e8;color:#0b1220;font:600 15px system-ui;border:1px solid transparent;border-radius:8px;padding:12px 18px;text-decoration:none;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.secondary{background:#20324b;color:#edf4ff;border-color:#425775}.danger{background:#462837;color:#ffd4dd;border-color:#824c60}form>button{margin-top:15px}.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.actions button{font-size:13px;padding:9px 12px}.heading{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.summary strong{display:block;font-size:32px}.summary .card{margin:0}.inline{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.inline label{flex:1;min-width:220px}.inline button{margin:0}.accounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}.accounts .card{margin:0}dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;font-size:14px}dt{color:#aabacf}dd{margin:0;overflow-wrap:anywhere}.badge{display:inline-block;border:1px solid #3e6978;background:#163442;color:#9febf3;padding:3px 10px;border-radius:20px;font-size:12px}.search{max-width:300px}.search input{margin-bottom:0}details{margin-top:20px}summary{cursor:pointer;color:#83e1ef}ul{padding-left:22px}li{margin:10px 0;overflow-wrap:anywhere}footer{font-size:12px;color:#8c9cb3;text-align:center}#owner-status,#password-status,#recover-status,#confirm-status{white-space:pre-line;color:#a6e9ef}[hidden]{display:none!important}@media(max-width:600px){header,main{padding:18px}.tag{display:none}.card{padding:20px}.summary{gap:8px}.summary .card{padding:12px}.summary small{font-size:10px}.summary strong{font-size:26px}.inline{display:block}.inline button{width:100%}}

.password-field{display:block;position:relative;margin:7px 0 18px}
.password-field input{margin:0;padding-inline-end:56px}
.password-field input::-ms-reveal{display:none}
.password-visibility{position:absolute;inset-inline-end:2px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:40px;padding:0;background:transparent;color:#b5c3d8}
.password-visibility:hover{background:#20324b;color:#edf4ff}
.password-visibility svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.password-visibility-slash{display:none}
.password-field input[type=text]+.password-visibility .password-visibility-slash{display:block}
