*{box-sizing:border-box}body{margin:0;background:#091724;color:#eaf2f5;font:16px/1.6 system-ui}a{color:#77e7c1}header,main,footer{max-width:1200px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px}nav{display:flex;gap:18px}h1{font-size:clamp(42px,7vw,78px);line-height:1.03;letter-spacing:-.055em;margin:20px 0}h2{line-height:1.2}p{color:#b9cbd6}.hero{padding:35px 0 48px;max-width:850px}.eyebrow{font-size:12px;letter-spacing:.18em;color:#8fe6c4}em{font-style:normal;color:#96f0c8}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px}.panel,.card{background:#122637;border:1px solid #29465b;border-radius:22px;padding:25px;margin-bottom:18px}.panel:first-child{border-top:4px solid #8ae8be}.card:nth-child(3n+1){border-left:4px solid #b1a0fc}.card:nth-child(3n+2){border-left:4px solid #efbc6b}.card:nth-child(3n){border-left:4px solid #76dfbc}label{display:block;font-size:14px;margin:14px 0}input,textarea,select{display:block;width:100%;border:1px solid #4b6576;border-radius:10px;background:#0b1b29;color:#fff;padding:11px;font:inherit;margin-top:5px}input[type=checkbox]{display:inline;width:auto;margin:0 7px 0 0}button,.button{display:inline-block;border:0;border-radius:10px;background:#a2f0c7;color:#10261f;padding:12px 17px;font-weight:700;cursor:pointer;margin:6px 6px 6px 0}button.secondary{background:#2a4054;color:#fff}button:disabled{opacity:.5;cursor:wait}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips label{font-size:12px;margin:0;background:#21394a;border-radius:20px;padding:7px 10px}.note{padding:16px;background:#263344;border-radius:12px;font-size:13px}.metric{font-size:28px;color:#a6f3ce;font-weight:700}.trace{color:#efc477;font:13px/1.8 monospace}small{color:#bbcfdb}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 system-ui}details{margin:12px 0}summary{cursor:pointer;font-weight:700}#status{min-height:28px;color:#f4d199}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #e8c777;outline-offset:3px}@media(max-width:800px){.workspace{grid-template-columns:1fr}header{flex-direction:column}.panel,.card{padding:19px}.grid{grid-template-columns:1fr}}