:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;color:#e8edf5;background:#0b1019}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1020px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #293345}header a{font-size:22px;font-weight:750;text-decoration:none;color:#fff}header span,footer{color:#9caec3;font-size:13px}main{display:grid;gap:26px}.intro{padding:42px 0 20px;max-width:760px}.eyebrow{color:#83e2c0;letter-spacing:2px;font-size:12px}h1{font-size:clamp(36px,7vw,66px);line-height:1.05;margin:14px 0}h2{font-size:22px;margin-top:0}p,li{color:#b7c5d6;line-height:1.65}.card{background:#121c2a;border:1px solid #29384d;border-radius:18px;padding:28px}a{color:#83e2c0}button,.button{border:0;border-radius:9px;background:#9deccf;color:#102019;font-weight:750;padding:13px 20px;cursor:pointer;display:inline-block;text-decoration:none;font-size:15px}.secondary{margin-left:20px}form{display:grid;gap:16px}label{display:grid;gap:8px;font-size:14px}input,textarea{width:100%;background:#0b1420;color:#fff;border:1px solid #46556a;padding:12px;border-radius:8px;font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #9deccf;outline-offset:3px}.examples{display:flex;gap:8px;flex-wrap:wrap}.examples button{background:#26374a;color:#d4e4f5;font-size:12px;padding:8px 12px}#result:not(:empty){margin-top:26px;padding-top:24px;border-top:1px solid #46556a}.score{font-size:42px;font-weight:800;color:#9deccf}.score.high{color:#ffb7a8}.score.medium{color:#ffd790}blockquote{margin:12px 0;padding:14px;background:#0b1420;border-left:3px solid #83e2c0;white-space:pre-wrap;overflow-wrap:anywhere}small{color:#a2b2c7}footer{padding-bottom:40px}@media(max-width:550px){header span{display:none}.card{padding:20px}main{padding:16px}}