*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background-color:#1e1e1e;color:#f5f5f5;font-family:Inter,sans-serif;line-height:1.5;min-height:100vh;overflow-x:hidden;padding:2rem 1rem}button,input,select{background:none;border:none;font-family:inherit;font-size:1rem;outline:none}.app{animation:fadeIn .8s ease-out both;gap:2.5rem;margin:0 auto;max-width:600px}.app,.app-header{display:flex;flex-direction:column}.app-header{align-items:center;gap:.5rem;text-align:center}.app-header .logo-container{align-items:center;display:flex;gap:1rem}.app-header .logo-container .logo{align-items:center;background-color:#0d6efd;border-radius:12px;box-shadow:0 4px 10px #007bff4d;color:#fff;display:flex;font-size:1.75rem;font-weight:700;height:48px;justify-content:center;width:48px}.app-header .logo-container .title{color:#f5f5f5;font-size:1.75rem;font-weight:700}.app-header .subtitle{color:#b0b0b0;font-size:1rem}.main-card{background:#2a2a2a;border-radius:1.5rem;box-shadow:0 0 20px #00000040;gap:2rem;padding:2rem}.currency-form,.main-card{display:flex;flex-direction:column}.currency-form{gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#cfcfcf;font-size:.95rem;font-weight:500}.form-group .custom-select select,.form-group .input-field input{background-color:#1f1f1f;border:1px solid #444;border-radius:.75rem;color:#f5f5f5;padding:.75rem 1rem;transition:border .2s,box-shadow .2s;width:100%}.form-group .custom-select select:focus,.form-group .input-field input:focus{border-color:#0d6efd;box-shadow:0 0 0 2px #0d6efd4d}.swap-btn{align-self:center;background-color:#1f1f1f;border:1px solid #444;border-radius:50%;color:#0d6efd;cursor:pointer;padding:.5rem;transition:background .3s,transform .2s}.swap-btn:hover{background-color:#0d6efd;color:#fff;transform:rotate(90deg)}.swap-btn svg{stroke-width:2}.divider{background-color:#444;height:1px;margin:.5rem 0}.result-card{background-color:#1f1f1f;border-radius:1.25rem;box-shadow:inset 0 0 12px #ffffff0d;padding:1.5rem;text-align:center}.result-card .result-header h2{color:#0d6efd;font-size:1.4rem;margin-bottom:.25rem}.result-card .rate-info{color:#bbb;font-size:.85rem}.result-card .result-value{font-size:1.2rem;font-weight:600;margin-top:1rem}.fade-in{animation:fadeIn .5s ease-out forwards;opacity:0;transform:translateY(10px)}.fade-in-1{animation-delay:.1s}.fade-in-2{animation-delay:.2s}.fade-in-4{animation-delay:.4s}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}@media(max-width:480px){body{padding:1.5rem 1rem}.app{gap:1.5rem}.main-card{padding:1.25rem}.result-card .result-header h2{font-size:1.2rem}.logo{font-size:1.25rem;height:40px;width:40px}.app-header .title{font-size:1.4rem}}
/*# sourceMappingURL=main.64d9b832.css.map*/