:root{color:#e8f0ff;background:#07111f;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial}*{box-sizing:border-box}body{margin:0}main{max-width:1280px;margin:auto;padding:32px}.hero{background:radial-gradient(circle at 0 0,#174070,#0a1729 55%);border:1px solid #20314f;border-radius:28px;justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex;box-shadow:0 20px 60px #0008}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#79c7ff;font-size:12px}h1{margin:0 0 10px;font-size:56px}h2,h3,p{margin-top:0}.status{background:#0b1c32;border:1px solid #355174;border-radius:20px;min-width:190px;padding:20px}.status span{color:#a9bdd7;display:block}.status strong{color:#64f4b1;font-size:28px}.controls,.actions{flex-wrap:wrap;gap:14px;margin:24px 0;display:flex}button{color:#fff;cursor:pointer;background:#1b78ff;border:0;border-radius:16px;align-items:center;gap:8px;padding:14px 18px;font-weight:700;display:inline-flex}button:disabled{opacity:.45;cursor:not-allowed}.controls button{text-align:left;background:#10233c;border:1px solid #254361;min-width:230px;display:block}.controls button small{color:#a9bdd7;margin-top:6px;display:block}.controls button.selected{outline:2px solid #58b9ff}.ghost{background:#18263b}.layout{grid-template-columns:1fr 360px;gap:24px;display:grid}.flow{grid-template-columns:repeat(2,minmax(230px,1fr));gap:18px;display:grid}.node{background:#0e1d31;border:1px solid #243a5c;border-radius:24px;min-height:170px;padding:20px;transition:all .2s;position:relative}.nodeTop{color:#91a9c7;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:12px;display:flex}.node h3{margin:18px 0 8px}.node p{color:#b5c5dc}.node.done{background:#0d2a26;border-color:#40e39c}.node.failed{background:#35161d;border-color:#ff6767}.connector{background:#365070;width:18px;height:2px;position:absolute;top:50%;right:-18px}.terms{background:#0e1d31;border:1px solid #243a5c;border-radius:24px;height:max-content;padding:22px}.terms article{border-top:1px solid #20314f;padding:14px 0}.terms strong{color:#79c7ff}.terms p{color:#b5c5dc;margin:6px 0 0}.modalBackdrop{background:#000a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{color:#fff;background:#101d31;border:1px solid #ff6767;border-radius:28px;max-width:540px;padding:30px;box-shadow:0 30px 100px #000}.modal svg{color:#fc6}.modalActions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}@media (width<=900px){.hero,.layout{display:block}.flow{grid-template-columns:1fr}.terms{margin-top:24px}h1{font-size:42px}.connector{display:none}}