.nairafx-converter{



    background:#111827;



    padding:40px;



    border-radius:18px;



    max-width:700px;



    margin:auto;



    color:white;



    box-shadow:0 15px 45px rgba(0,0,0,.35);



}



.nairafx-converter h2{



    margin-bottom:8px;



    font-size:32px;



}



.converter-subtitle{



    color:#94A3B8;



    margin-bottom:30px;



}



.converter-row{



    display:flex;



    gap:20px;



    margin-bottom:25px;



    flex-wrap:wrap;



}



.converter-field{



    flex:1;



}



.converter-field label{



    display:block;



    margin-bottom:8px;



    color:#CBD5E1;



}



.converter-field input,



.converter-field select{



    width:100%;



    padding:16px;



    border-radius:10px;



    border:none;



    font-size:18px;



}



#convertBtn{



    background:#22C55E;



    color:white;



    border:none;



    padding:16px 40px;



    font-size:18px;



    border-radius:10px;



    cursor:pointer;



    transition:.3s;



}



#convertBtn:hover{



    background:#16A34A;



}



.converter-result{



    margin-top:30px;



    padding:25px;



    background:#0F172A;



    border-radius:12px;



    font-size:28px;



    font-weight:700;



    text-align:center;



}