:root { font-family: system-ui, Arial, sans-serif; }
.container { max-width: 860px; margin: 2rem auto; padding: 1rem; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
label { display: flex; flex-direction: column; gap: .25rem; }
input, select { padding: .5rem; border: 1px solid #ddd; border-radius: .5rem; }
button { margin-top: 1rem; padding: .6rem 1rem; border: 0; border-radius: .6rem; cursor: pointer; }
.result { margin-top: 1.5rem; padding: 1rem; background: #fafafa; border: 1px solid #eee; border-radius: .6rem; }