:root{font-family:Arial,sans-serif;color:#102027;background:#f4f7f6}
body{margin:0}
.cc-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}
.cc-card{width:min(680px,100%);display:grid;gap:14px;background:white;padding:24px;border:1px solid #d8e1de;border-radius:8px;box-shadow:0 10px 30px #0001}
h1{font-size:clamp(1.35rem,3vw,2rem);margin:0 0 8px;color:#064b3b}
label{display:grid;gap:6px;font-weight:700}
input,select,button{font:inherit;border-radius:6px;border:1px solid #b8c7c2;padding:11px}
button{border:0;background:#007a5a;color:white;font-weight:700;cursor:pointer}
button:hover{background:#006149}
.cc-result{display:block;white-space:pre-line;background:#eef6f3;border-left:4px solid #007a5a;padding:14px;border-radius:6px;line-height:1.45}