*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}body{height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f7}.card{width:360px;background:#3b005d;border-radius:24px;padding:28px 30px 26px;color:#fff;box-shadow:0 18px 40px #00000040}.card-title{text-align:center;font-size:22px;font-weight:700;letter-spacing:2px;margin-bottom:22px}.label{display:block;font-size:11px;font-weight:600;letter-spacing:.8px;margin-bottom:6px}.amount-input{width:100%;padding:10px 12px;border-radius:5px;border:none;background:#fff;color:#222;font-size:14px;margin-bottom:20px;outline:none}.amount-input::placeholder{color:#b0b0b0}.row{display:grid;grid-template-columns:1fr auto 1fr;column-gap:10px;align-items:end;margin-bottom:22px}.field{text-align:left}.select-box{width:100%;padding:8px 10px;border-radius:5px;border:none;background:#fff;color:#222;font-size:13px;outline:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#555 50%),linear-gradient(135deg,#555 50%,transparent 50%);background-position:calc(100% - 14px) 11px,calc(100% - 9px) 11px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.swap-btn{width:44px;height:44px;border-radius:8px;border:none;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.swap-icon{font-size:24px;color:#3b005d;line-height:1}.submit-btn{width:100%;padding:12px;border-radius:8px;border:none;background:#f4df9d;color:#221b12;font-size:13px;font-weight:700;letter-spacing:.7px;cursor:pointer;text-transform:uppercase}.submit-btn:hover{background:#f1d581}.result{margin-top:10px;font-size:13px;text-align:center;min-height:18px}