.calculator{color:#333;background:#fff;border-radius:8px;max-width:600px;margin:0 auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;line-height:1.5;box-shadow:0 2px 8px #0000001a}.title,.subtitle{text-align:center;margin-block:0}.title{color:#2c5282;font-size:28px;font-weight:600}.subtitle{border-bottom:2px solid #e2e8f0;padding-bottom:16px;font-size:22px}.disclaimer{font-size:14px}.input-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:32px;padding:20px}.label{color:#2d3748;margin-bottom:8px;font-size:16px;font-weight:600;display:block}.input{color:#2d3748;box-sizing:border-box;background:#fff;border:2px solid #cbd5e0;border-radius:6px;width:100%;padding:12px 16px;font-size:18px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#3182ce;outline:none;box-shadow:0 0 0 3px #3182ce1a}.input::placeholder{color:#a0aec0}.results-container{gap:16px;margin-top:24px;display:grid}.result-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:space-between;align-items:center;padding:16px 20px;transition:box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000001a}.result-item:hover{box-shadow:0 2px 6px #00000026}.result-label{text-wrap:pretty;color:#4a5568;flex:1;margin-right:16px;font-size:15px;font-weight:500}.result-value{color:#2c5282;text-align:right;min-width:80px;font-size:20px;font-weight:700}.result-item:nth-child(3) .result-value{color:#d69e2e}.result-item:nth-child(4) .result-value{color:#38a169}@media (max-width:768px){.calculator{box-shadow:none;border-radius:0;margin:0;padding:16px}.title{margin-bottom:24px;font-size:24px}.input-container{margin-bottom:24px;padding:16px}.label{font-size:15px}.input{padding:10px 12px;font-size:16px}.results-container{gap:12px;margin-top:20px}.result-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px}.result-label{margin-right:0;font-size:14px}.result-value{text-align:left;align-self:flex-end;min-width:auto;font-size:18px}}@media (max-width:480px){.calculator{padding:12px}.title{margin-bottom:20px;font-size:20px}.input-container{margin-bottom:20px;padding:12px}.input{font-size:16px}.results-container{gap:10px;margin-top:16px}.result-item{padding:10px 12px}.result-label{font-size:13px}.result-value{font-size:16px}}