.converter-card{background:#f8fafc;border-radius:28px;padding:2rem;margin:1.5rem 0 2rem;border:1px solid #e2edf2;box-shadow:0 8px 20px rgba(0,0,0,.02)}.input-group{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1.5rem;justify-content:center}.input-field{flex:1;min-width:180px}.input-field label{display:block;font-weight:600;margin-bottom:.5rem;color:#0f3b4f;font-size:.9rem}.input-field input{width:100%;padding:.9rem 1rem;font-size:1.2rem;border:2px solid #cbdde6;border-radius:20px;background:#fff;transition:all .2s;font-weight:500;color:#0a2e3f}.input-field input:focus{outline:none;border-color:#1c6e8f;box-shadow:0 0 0 3px rgba(28,110,143,.2)}.result-box{background:#fff;border-radius:24px;padding:1.2rem 1.8rem;text-align:center;border:1px solid #dce9ef;margin-top:1rem}.result-box .result-value{font-size:2rem;font-weight:800;color:#0f5b7a;line-height:1.2}.result-box .result-label{font-size:.85rem;color:#4b6f82;letter-spacing:.3px}.formula-note{font-size:.85rem;text-align:center;margin-top:1rem;color:#3f6b81}h3{font-size:1.3rem;font-weight:600;margin:1.5rem 0 .8rem}@media (max-width:650px){.hero-section h1{font-size:1.5rem}.result-box .result-value{font-size:1.6rem}.input-group{flex-direction:column;align-items:stretch}}