*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui;background:#f5f7fc;color:#192c45}nav{background:white;padding:20px 5%;display:flex;gap:25px;flex-wrap:wrap;border-bottom:1px solid #dce4ef}a{color:#285ed0}main{max-width:1050px;margin:55px auto;padding:0 20px}h1{font-size:clamp(30px,5vw,52px);letter-spacing:-.04em}section{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{background:white;padding:28px;border:1px solid #dce4ef;border-radius:18px;box-shadow:0 12px 32px #1c30500a}label{display:block;margin:15px 0;font-weight:600}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #c7d4e4;border-radius:9px;font:inherit}textarea{min-height:110px}button{border:0;background:#3266d5;color:white;padding:13px 20px;border-radius:10px;font-weight:700;cursor:pointer;margin:10px 10px 0 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.65 system-ui;background:#f5f7fc;padding:18px;border-radius:12px;min-height:160px}small{color:#64748b}@media(max-width:750px){section{grid-template-columns:1fr}}@media print{nav,.panel:first-child,button{display:none}section{display:block}main{margin:0}.panel{border:0;box-shadow:none}}

@media print{body:has(.printable-result) nav,body:has(.printable-result) header,body:has(.printable-result) footer,body:has(.printable-result) main>h1,body:has(.printable-result) main>p,body:has(.printable-result) section>.panel:not(.printable-result){display:none!important}body:has(.printable-result) main{margin:0!important;padding:0!important;max-width:none!important}body:has(.printable-result) section{display:block!important}body:has(.printable-result) .printable-result{display:block!important;border:0!important;box-shadow:none!important;padding:0!important}body:has(.printable-result) .printable-result pre{white-space:pre-wrap!important;border:0!important;background:white!important;color:#17243a!important}}