*{box-sizing:border-box}body{margin:0;background:#f4f6f9;color:#1e2b42;font:15px system-ui,sans-serif}header{background:#13223b;color:#fff;padding:24px 5%;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{font-size:25px;letter-spacing:2px}.brand b{font-weight:400;color:#b5c2ff;letter-spacing:0}header p{margin:6px 0 0;color:#bbc8df;font-size:13px}.account{display:flex;align-items:center;gap:20px}main{max-width:1400px;padding:32px;margin:auto}h1{font-size:30px;letter-spacing:-1px;margin:8px 0 24px}h2{font-size:20px;margin:0 0 15px}p{line-height:1.6;color:#63718a}.eyebrow{font-size:11px;letter-spacing:2px;color:#647797}.banner{background:#e8edff;color:#354d89;padding:14px 18px;border-radius:8px;margin-bottom:18px}.layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:24px}.panel{background:#fff;padding:24px;border:1px solid #dee4ee;border-radius:12px}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}button,input,textarea,select{font:inherit}button{border:1px solid #ced7e6;background:#fff;border-radius:8px;padding:10px 15px;color:#24334b;cursor:pointer}button:hover{background:#edf1f9}button:disabled{opacity:.45;cursor:default}.primary{background:#304fe5;border-color:#304fe5;color:#fff}.primary:hover{background:#2440bf}.contract{width:100%;display:block;text-align:left;margin:12px 0;padding:16px}.contract span,.contract small{display:block;margin-top:8px}.contract small,.muted{font-size:12px;color:#708098}label{display:block;font-size:13px;margin:20px 0 8px}input,textarea,select{width:100%;padding:12px;border-radius:7px;border:1px solid #cbd5e4;background:#fff;color:#24334b}textarea{resize:vertical;line-height:1.6}.document{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8f9fc;border:1px solid #e5e9f0;border-radius:8px;padding:24px;font:15px/1.8 system-ui;max-height:650px;overflow:auto}.hash{overflow-wrap:anywhere;font-size:12px}.badge{background:#eaf0ff;color:#3557a1;padding:6px 12px;border-radius:20px;white-space:nowrap}.error{background:#ffeded;color:#a32a2a;padding:16px;border-radius:8px}.success{background:#e7f5ed;color:#216441;padding:16px;border-radius:8px}.connection{max-width:600px;margin:60px auto;background:#fff;padding:40px;border-radius:14px;border:1px solid #dee4ee}.confirm{border:1px solid #b7c5f3;background:#f0f3ff;border-radius:10px;padding:20px;margin-top:20px}summary{cursor:pointer}footer{padding:32px;text-align:center;color:#76839a;font-size:12px}:focus-visible{outline:3px solid #7e96ff;outline-offset:3px}@media(max-width:850px){header,.heading{align-items:flex-start;flex-direction:column}main{padding:20px}.layout{grid-template-columns:1fr}.panel{padding:18px}.connection{margin:20px auto;padding:24px}.account{flex-wrap:wrap}.document{padding:16px}}