:root{color-scheme:light;font-family:Arial,sans-serif;color:#061d3a;background:#fff}*{box-sizing:border-box}body{margin:0;line-height:1.65}header{max-width:1100px;margin:auto;padding:24px;display:flex;gap:12px;justify-content:space-between;border-bottom:1px solid #e0f2f1}header>span:last-child{color:#526477;font-size:14px}.brand{font-size:20px;font-weight:700}.brand strong{color:#087f83}main{max-width:760px;margin:60px auto;padding:36px;border-radius:24px;background:linear-gradient(135deg,#e0f2f1,#fff)}.eyebrow{font-size:12px;letter-spacing:2px;color:#087f83;font-weight:700}h1{font-size:clamp(36px,7vw,60px);line-height:1.05;margin:12px 0 24px}label{display:block;font-weight:700;margin-bottom:8px}.controls{display:flex;gap:12px}input{min-width:0;flex:1;border:1px solid #93afbb;border-radius:8px;padding:14px;font:inherit;text-transform:uppercase}button{background:#087f83;color:#fff;border:0;border-radius:8px;padding:14px 24px;font:inherit;font-weight:700;cursor:pointer}button:disabled{opacity:.65;cursor:wait}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #061d3a;outline-offset:3px}a{color:#087f83}#result{background:#fff;border:1px solid #b1d5d1;border-radius:12px;padding:24px;margin-top:24px;overflow-wrap:anywhere}h2{font-size:24px;margin:0 0 16px}dl{display:grid;grid-template-columns:140px 1fr;gap:8px;margin:0 0 16px}dt{font-weight:700}dd{margin:0;overflow-wrap:anywhere}.help{font-size:14px;color:#526477;margin-top:24px}footer{padding:24px;text-align:center;color:#526477;font-size:13px}@media(max-width:600px){header{flex-direction:column}main{margin:24px 12px;padding:24px}.controls{flex-direction:column}dl{grid-template-columns:1fr;gap:2px}dd{margin-bottom:12px}}