.currency-converter-container{max-width:600px;margin:20px auto;padding:25px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:15px;box-shadow:0 10px 30px rgb(0 0 0 / .2);font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.currency-converter-header{text-align:center;margin-bottom:25px}.currency-converter-header h3{color:#fff;margin:0;font-size:24px;font-weight:600}.currency-converter-header i{margin-right:10px;color:gold}.currency-input-section{margin-bottom:20px}.currency-input-section label{display:block;color:#fff;margin-bottom:8px;font-weight:500}.currency-input-section input{width:100%;padding:15px;border:none;border-radius:8px;font-size:16px;background:rgb(255 255 255 / .95);transition:all 0.3s ease}.currency-input-section input:focus{outline:none;box-shadow:0 0 0 3px rgb(255 215 0 / .3);transform:translateY(-2px)}.currency-selectors{display:grid;grid-template-columns:1fr auto 1fr;gap:15px;margin-bottom:25px;align-items:end}.from-currency,.to-currency{flex:1}.from-currency label,.to-currency label{display:block;color:#fff;margin-bottom:8px;font-weight:500}.from-currency select,.to-currency select{width:100%;padding:15px;border:none;border-radius:8px;font-size:14px;background:rgb(255 255 255 / .95);cursor:pointer;transition:all 0.3s ease}.from-currency select:focus,.to-currency select:focus{outline:none;box-shadow:0 0 0 3px rgb(255 215 0 / .3)}.swap-currencies{display:flex;align-items:center;justify-content:center;margin-bottom:25px}.swap-btn{background:gold;border:none;border-radius:50%;width:50px;height:50px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;color:#333;font-size:18px}.swap-btn:hover{background:#ffed4e;transform:rotate(180deg) scale(1.1)}.convert-btn{width:100%;padding:15px;background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all 0.3s ease;margin-bottom:20px}.convert-btn:hover{background:linear-gradient(45deg,#ee5a24,#ff6b6b);transform:translateY(-2px);box-shadow:0 5px 15px rgb(0 0 0 / .3)}.convert-btn:active{transform:translateY(0)}.conversion-result{background:rgb(255 255 255 / .1);border-radius:10px;padding:20px;margin-top:20px;backdrop-filter:blur(10px)}.result-header{text-align:center;margin-bottom:15px}.result-header h4{color:#fff;margin:0;font-size:18px}.result-content{text-align:center}#conversion-result-text{color:gold;font-size:20px;font-weight:600;margin:0;padding:15px;background:rgb(0 0 0 / .2);border-radius:8px}.currency-converter-footer{text-align:center;margin-top:20px;padding-top:15px;border-top:1px solid rgb(255 255 255 / .2)}.currency-converter-footer p{color:rgb(255 255 255 / .8);margin:0;font-size:14px}@media (max-width:768px){.currency-converter-container{margin:15px;padding:20px}.currency-selectors{grid-template-columns:1fr;gap:15px}.swap-currencies{margin:10px 0}.swap-btn{transform:rotate(90deg)}.swap-btn:hover{transform:rotate(270deg) scale(1.1)}}.loading{opacity:.7;pointer-events:none}@keyframes pulse{0%{opacity:1}50%{opacity:.5}100%{opacity:1}}.loading-pulse{animation:pulse 1.5s infinite}