.converter-container{display:flex;flex-direction:column;align-items:center;padding:80px 20px;font-family:Poppins,sans-serif;background:#f0f4f8;min-height:100vh}.converter-header{text-align:center;margin-bottom:40px}.converter-header h1{color:#2d3748;font-size:2.2rem;font-weight:600;margin:0}.converter-header p{color:#718096}.converter-card{background:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,.05);width:100%;max-width:550px;border:1px solid #e2e8f0}.input-row{display:flex;gap:15px;margin-bottom:25px}.input-group{flex:1 1;display:flex;flex-direction:column}.input-group label{font-weight:700;margin-bottom:8px;font-size:.85rem;color:#4a5568;text-transform:uppercase}.input-group input{padding:12px;border-radius:8px;border:2px solid #edf2f7;background:#f8fafc;font-size:1rem;transition:all .2s;color:#1a202c;width:100%}.input-group input:focus{outline:none;border-color:#3182ce;background:#fff}.input-err{border-color:#fc8181!important}.err-msg{color:#e53e3e;font-size:.75rem;margin-top:5px;font-weight:600}.convert-btn{width:100%;padding:15px;background:#2d3748;color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:500;font-size:1rem;transition:background .2s;font-family:Poppins,sans-serif}.convert-btn:hover{background:#1a202c}.result-box-classic{margin-top:35px;padding:25px;background:#f7fafc;border-radius:10px;border-left:5px solid #3182ce;animation:slideUp .4s ease-out}.result-label{font-size:.8rem;font-weight:800;color:#3182ce;text-transform:uppercase;margin-bottom:15px}.result-display{display:flex;justify-content:space-between;align-items:center}.res-item{display:flex;flex-direction:column;font-size:1.5rem;font-weight:700;color:#1a202c}.res-item span{font-size:.7rem;color:#a0aec0;margin-bottom:2px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.input-row{flex-direction:column}}