*{box-sizing:border-box}body{margin:0;font-family:system-ui,Segoe UI,Arial,sans-serif;background:#e8f0ec;color:#193034}header{background:#102d34;color:#fff;padding:20px 0}.wrap{max-width:1080px;margin:auto;padding:0 20px}.brand{font-weight:800;display:flex;justify-content:space-between;gap:14px;align-items:center}.brand span{font-size:11px;font-weight:500;color:#bbded0}.intro{padding:35px 0 18px}.eyebrow{font-weight:800;color:#187756;letter-spacing:2px;font-size:12px}h1{font-size:clamp(30px,4vw,48px);line-height:1.15;margin:0 0 12px}h2{font-size:21px;margin-top:0}h3{margin-bottom:12px}.intro>p:not(.eyebrow){max-width:800px;color:#52686b;line-height:1.5}.cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:white;padding:26px;border-radius:18px;box-shadow:0 12px 28px #123b2c15}.hint{font-size:13px;color:#697c7e}.books{display:grid;gap:8px;padding:15px;background:#f1f7f4;border-radius:12px}.actions{display:grid;gap:10px}button{padding:14px;text-align:left;background:#14363d;color:#fff;border:0;border-radius:10px;font-size:15px;cursor:pointer}button:hover{background:#17654e}button:disabled{opacity:.45;cursor:not-allowed}.message{border-left:4px solid #218560;background:#ecf7f0;padding:14px;border-radius:6px;min-height:52px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.facts div{padding:12px;background:#f1f7f4;border-radius:10px;min-width:0}.facts small{display:block;color:#607579}.facts strong{font-size:13px;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:13px;background:#0c2c35;color:#e7fff3;border-radius:10px;font-size:12px;max-height:280px;overflow:auto}.warning{background:#fff2df;color:#795013;padding:14px;border-radius:10px;font-size:13px}footer{text-align:center;color:#647a7c;font-size:12px;padding:26px 0}@media(max-width:800px){.cols{grid-template-columns:1fr}.brand{align-items:flex-start;flex-direction:column}}
#gate{max-width:600px;margin:2rem auto}#gate input{padding:10px;border:1px solid #aab;min-width:240px}#gate button{padding:11px}#demo[hidden],#gate[hidden]{display:none}