*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#0f0f0f;color:#e0e0e0;min-height:100vh;padding:20px}.container{max-width:800px;margin:0 auto}header{text-align:center;padding:30px 0;border-bottom:1px solid #2a2a2a;margin-bottom:30px}h1{font-size:2.5rem;margin-bottom:10px;color:#fff}.subtitle{color:#a0a0a0;font-size:1.1rem}.calculator{background-color:#1a1a1a;border-radius:12px;padding:25px;margin-bottom:30px;border:1px solid #2a2a2a}.calculator-title{font-size:1.4rem;margin-bottom:20px;color:#fff;text-align:center}.input-group{margin-bottom:20px}label{display:block;margin-bottom:8px;color:#a0a0a0;font-weight:500}.copy-to-clipboard{background:none;border:none;outline:none;margin-left:5px;cursor:pointer}.copy-to-clipboard.copied{background-color:green;color:#fff}.amount-display-container{position:relative;width:100%;padding:12px 15px;border-radius:8px;border:1px solid #2a2a2a;background-color:#2a2a2a;color:#fff;font-size:1.5rem;text-align:right;height:60px;letter-spacing:1px;display:flex;align-items:center;justify-content:flex-end;cursor:pointer;transition:border-color .2s ease}.amount-display-container:focus-within{border-color:#3b82f6}#amount-display{display:inline-block}.currency-switch-container{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.custom-switch{display:flex;width:220px;height:50px;border:2px solid #2563eb;border-radius:25px;position:relative;overflow:hidden;cursor:pointer;background-color:#0f0f0f;color:#e0e0e0;font-weight:600;font-size:1rem}.switch-option{flex:1;display:flex;justify-content:center;align-items:center;transition:color .3s ease;position:relative;z-index:2}.switch-slider{position:absolute;top:0;left:0;width:50%;height:100%;background-color:#2563eb;border-radius:25px;transition:transform .3s ease;z-index:1}.custom-switch.ves-active .switch-slider{transform:translate(100%)}.custom-switch.usd-active .switch-slider{transform:translate(0)}.custom-switch.usd-active .usd-text,.custom-switch.ves-active .ves-text{color:#fff}.keyboard{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.key{background-color:#2a2a2a;color:#fff;border:1px solid #3a3a3a;border-radius:8px;padding:15px 0;font-size:1.2rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.key.key-double-width{grid-column:span 2}.key:hover{background-color:#3a3a3a}.key.backspace{background-color:#ef4444}.key.backspace:hover{background-color:#dc2626}@media (min-width: 768px){.keyboard{display:none}}.results-container{margin-top:25px;display:none}.results-container.show{display:block}.results-title{text-align:center;margin-bottom:15px;color:#fff;font-size:1.2rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.result-card{background-color:#2a2a2a;border-radius:8px;padding:15px;text-align:center}.result-name{font-weight:600;margin-bottom:8px;color:#a0a0a0}.result-value{display:flex;justify-content:center;align-items:center;font-weight:700;color:#3b82f6;font-size:1.3rem}.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.card{background-color:#1a1a1a;border-radius:12px;padding:25px;box-shadow:0 4px 12px #0003;border:1px solid #2a2a2a;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #0000004d}.card-header{display:flex;justify-content:center;align-items:center;margin-bottom:15px}.card-title{font-size:1.4rem;font-weight:600;color:#fff}.price{font-size:2rem;font-weight:700;margin:15px 0;color:#3b82f6;text-align:center}.loading{text-align:center;padding:40px;font-size:1.2rem;color:#a0a0a0}.error{background-color:#1a1a1a;border-radius:12px;padding:25px;text-align:center;color:#ef4444;border:1px solid #2a2a2a}.last-updated{text-align:center;padding:20px;color:#a0a0a0;font-size:.9rem}@media (max-width: 600px){.cards-container{grid-template-columns:1fr}h1{font-size:2rem}.price{font-size:1.7rem}.results-grid{grid-template-columns:1fr}.keyboard{grid-template-columns:repeat(3,1fr)}}