*{box-sizing:border-box}body{background:#0c1320;color:#eaf0ff;font:16px/1.5 system-ui;margin:0}main{max-width:1040px;margin:auto;padding:40px 24px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}small{letter-spacing:3px;color:#9bb8ff}h1{font-size:34px;margin:6px 0}h2{font-size:21px;margin-top:0}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}section{background:#141e30;padding:26px;border:1px solid #2c3b54;border-radius:16px;margin-bottom:20px}#login{max-width:420px}label{display:block;margin:16px 0 8px}input,textarea{display:block;width:100%;background:#0b1423;color:#eaf0ff;border:1px solid #40516d;border-radius:8px;padding:12px;font:inherit;margin-top:8px}textarea{height:175px;font:13px/1.5 monospace;resize:vertical}button{background:#9bb8ff;color:#102044;border:0;padding:11px 18px;border-radius:8px;font:600 15px system-ui;cursor:pointer}button:disabled{opacity:.5}.muted{color:#a5b4ce;font-size:14px}.row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid #2c3b54;gap:20px}.row span{overflow-wrap:anywhere}#message{color:#b5ceff}[hidden]{display:none!important}@media(max-width:700px){.grid{grid-template-columns:1fr}main{padding:22px 14px}section{padding:20px}h1{font-size:28px}}