*{box-sizing:border-box}
body{margin:0;background:#101827;color:#f1f5f9;font:15px Arial,sans-serif}
header{padding:28px 20px;background:#17243a;border-bottom:1px solid #30415b}
header small{color:#74b6ff;font-weight:700;letter-spacing:2px}
h1{font-size:27px;margin:12px 0 4px}
header p{color:#94a3b8;margin:0}
main{padding:20px;max-width:700px;margin:auto}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px}
h2{font-size:19px;margin:8px 0 20px}
button{border:0;border-radius:11px;padding:12px 15px;background:#287ee6;color:white;font-weight:700;cursor:pointer}
button.secondary{background:#253650}
input{width:100%;padding:13px;margin:7px 0;border:1px solid #425773;border-radius:9px;background:#142137;color:white}
dialog{background:#1b2a40;color:white;border:1px solid #425773;border-radius:16px;width:min(90%,500px);padding:24px}
dialog::backdrop{background:#000a}
[hidden]{display:none!important}