*{box-sizing:border-box}body{margin:0;background:#d9e2ec;color:#000}.converter{margin:auto;background:#fff;padding:2rem;border-radius:16px;box-shadow:0 10px 25px #00000014;max-width:420px;width:100%;display:flex;flex-direction:column;gap:1.5rem}.converterFrom,.converterTo,.converterAccuracy{display:flex;flex-direction:column;gap:.5rem}.labelTitle{margin:0;padding:0;font-size:.9rem;font-weight:600;color:#2c3e50}.rate{margin:0;padding-bottom:0}.rate:nth-child(3){padding-bottom:15px}.converterContainer{position:relative;display:flex;gap:.5rem}.converterContainer input{flex:1;padding:.75rem .9rem;border-radius:10px;border:1px solid #dcdcdc;font-size:1rem;transition:.2s ease-in-out}.converterAccuracy .converterContainer select{flex:1}.converterContainer select{width:90px;padding:.75rem .6rem;border-radius:10px;border:1px solid #dcdcdc;font-size:.95rem;cursor:pointer;background-color:#f8f9fa;transition:.2s ease-in-out}.converterContainer input:focus,.converterContainer select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #eef8ff26}.converterContainer select:hover{background-color:#eef4fb}.converter button{padding:.75rem 1rem;background-color:#276dae;color:#fff;font-weight:700;border:none;border-radius:50px;cursor:pointer}.reverseCode{margin:auto;width:100px}.converter button:hover{background-color:#1e4284}.symbol{position:absolute;font-size:x-large;bottom:-15px;right:115px}@media(max-width:480px){.converter{padding:1.5rem}.converterContainer{flex-direction:column}.converterContainer select{width:100%}.symbol{top:-15px;right:15px}}header.topbar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 2rem;background-color:#2c3e50;color:#fff;box-shadow:0 2px 6px #0000001a;box-sizing:border-box}.actionHeader{display:flex;flex-direction:row;gap:1rem}.header-btn{background-color:#3498db;color:#fff;text-decoration:none;align-self:center;padding:.5rem 1rem;border-radius:6px;font-weight:500;transition:.2s all ease-in-out}.header-btn:hover{background-color:#2980b9}header .lang{display:flex;align-items:center;gap:.5rem}header .lang p{margin:0;font-size:.95rem;color:#ecf0f1}header .lang select{padding:.4rem .8rem;border-radius:6px;border:1px solid #ccc;font-size:.95rem;cursor:pointer;transition:.2s all ease-in-out;background-color:#fff;color:#2c3e50}header .lang select:hover{border-color:#3498db}header .lang select:focus{outline:none;border-color:#3498db;box-shadow:0 0 5px #3498db80}@media(max-width:600px){header.topbar{flex-direction:column;gap:.5rem}}.page-container{min-height:calc(100vh - 100px);display:flex;justify-content:center;text-align:center;padding:20px}header.topbar button,header.topbar .header-btn{text-decoration:none;background-color:#276dae;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer}header.topbar button:hover,header.topbar .header-btn:hover{background-color:#1e4284}.history{margin:2rem auto;padding:1.5rem 2rem;background:#f9fafb;border-radius:14px;box-shadow:0 8px 24px #00000014;width:500px}.history h1{margin-bottom:1.5rem;font-size:1.6rem;color:#2c3e50;text-align:center}.history>.historyItem{background:#fff;padding:1.25rem;border-radius:10px;margin-bottom:.75rem}.history p{margin:0 0 .4rem;font-size:.8rem;color:#7f8c8d}.history>.historyItem{font-size:1rem;color:#2c3e50}.loadData{font-size:small;background-color:#3498db;color:#fff;text-decoration:none;padding:5px;border-radius:6px;transition:.3s all ease-in-out}.loadData:hover{background-color:#2980b9}.headerHistory{display:flex;flex-direction:column}.clearHistory,.clearHistoryIn{cursor:pointer;font-size:small;background-color:#db344a;color:#fff;text-decoration:none;padding:5px;border:none;border-radius:6px;transition:.3s all ease-in-out}.actionButtonHistory{display:flex;flex-direction:row;justify-content:space-between;margin-top:20px}.saved{color:green}@media(max-width:525px){.historyItem{height:100px}}@media(max-width:430px){.historyItem{height:125px}.actionButtonHistory{gap:10px;flex-direction:column}}