:root{font-family:system-ui,sans-serif;color:#172c3c;background:#f1f5f8}body{margin:0;padding:40px 20px}main{max-width:660px;margin:auto;background:white;padding:32px;border-radius:16px;box-shadow:0 8px 35px #17314912}h1{font-size:30px;line-height:1.2}p{line-height:1.6}.eyebrow{font-size:12px;letter-spacing:1px;color:#476178;font-weight:700}label{display:block;font-weight:650;margin-top:24px}input{box-sizing:border-box;display:block;width:100%;font:inherit;padding:12px;border:1px solid #8297a9;border-radius:6px;margin:8px 0}button{font:inherit;font-weight:600;padding:12px 18px;border:0;border-radius:6px;background:#12527e;color:white;cursor:pointer;margin:6px 8px 6px 0}.secondary{background:#e6edf3;color:#173f5b}button:disabled{opacity:.6;cursor:wait}#help,.note{font-size:14px;color:#496070}#result:not(:empty){background:#edf4fc;border-left:4px solid #2670a8;padding:14px}details{margin-top:28px;border-top:1px solid #d4dfe7;padding-top:20px}summary{cursor:pointer;font-weight:600}*:focus-visible{outline:3px solid #e59b24;outline-offset:3px}@media(max-width:500px){main{padding:22px}h1{font-size:25px}body{padding:20px 12px}}