*{box-sizing:border-box}body{font:16px/1.6 system-ui,-apple-system,sans-serif;background:#0d1420;color:#f2f6fc;margin:0}
main{max-width:820px;margin:0 auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 0 26px}
.brand{font-size:25px;letter-spacing:.3px}.brand strong{font-weight:650;color:#63c5d7}.sub,.muted,footer{color:#acbacb}
.card{background:#182334;border:1px solid #374256;border-radius:14px;padding:24px;margin:14px 0 22px;box-shadow:0 4px 18px #050a1240}
h1{font-size:25px;margin:0 0 12px}h2{font-size:19px;margin:0 0 12px}p{margin:10px 0 22px}
form{display:grid;gap:16px}label{display:grid;gap:5px}input{border:1px solid #6f8096;border-radius:8px;background:#0c1523;color:white;padding:12px;font:inherit;width:100%;max-width:100%}
button{background:#168bb0;border:0;border-radius:8px;padding:11px 20px;color:white;cursor:pointer;font:inherit;font-weight:600}
button:focus-visible,input:focus-visible{outline:3px solid #9ee6f0;outline-offset:2px}
button.secondary{background:#303f55}.actions{display:flex;justify-content:space-between;align-items:center;gap:12px}
.device{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #3b4657;padding:12px 0;gap:14px}
pre{overflow-wrap:anywhere;white-space:pre-wrap;background:#0e1725;padding:16px;border-radius:10px;direction:ltr;text-align:left}
#message{min-height:30px;color:#f7c77b}footer{border-top:1px solid #374256;margin-top:50px;padding-top:22px;font-size:14px}
@media(max-width:520px){main{padding:14px}.card{padding:16px}header{display:block}.actions{flex-wrap:wrap}}