:root{font:16px Arial,sans-serif;background:#071827;color:#f0f8fa}*{box-sizing:border-box}body{margin:0}main{max-width:980px;margin:auto;padding:25px}a{color:#7de7ec}h1{font-size:clamp(30px,5vw,50px);line-height:1.05}p{line-height:1.55;color:#bdd1d9}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{background:#112c3d;border:1px solid #376071;border-radius:14px;padding:22px}label{display:block;margin:18px 0 6px;font-weight:bold}input{width:100%;padding:12px;font:inherit;background:#071827;color:white;border:1px solid #527586;border-radius:8px}output{display:block;font-size:2rem;font-weight:bold;color:#84eee7;margin:12px 0}.small{font-size:13px}.bar{height:24px;background:#29495a;border-radius:20px;overflow:hidden}.bar span{display:block;height:100%;background:#5bdfdc;width:0}@media(max-width:680px){.grid{grid-template-columns:1fr}}